@bluealba/pae-ui-react-core 4.6.0-integration-css.403 → 4.7.0

package/dist/src/components/index.d.ts

@@ -8,5 +8,3 @@ export { default as ThemeToggle } from './ThemeToggle/ThemeToggle';
 export { useTheme } from './ThemeToggle/useTheme';
 export { default as FragmentSlot } from './FragmentSlot';
 export type { FragmentSlotProps } from './FragmentSlot';
-export { PortalContainerProvider, usePortalContainer } from './PortalContainerContext';
-export type { PortalContainerProviderProps } from './PortalContainerContext';

package/dist/src/hooks/customizations/useDynamicStyleSheet.d.ts

@@ -1,13 +1 @@
-/**
- * Applies a tenant customization stylesheet.
- *
- * The stylesheet is wrapped in `@layer pae.customization`, the highest layer
- * of the platform cascade contract (declared first in the document by the
- * gateway). That makes the override deterministic: it always wins over
- * `pae.tokens`/`pae.base` regardless of when it loads — no artificial delay
- * needed (this used to wait 1s to win by source order).
- *
- * Styles go through the StyleRegistry, so they reach both the document and
- * the shell shadow root (tokens are inherited custom properties either way).
- */
 export declare const useDynamicStyleSheet: (styleSheet?: string) => void;

package/dist/src/index.d.ts

@@ -1,4 +1,4 @@
-export { StyleRegistry } from './styles/StyleRegistry';
+
 export type { ModuleMetadata, AuthUser, AuthUserWithApplications, BaseUser } from '@bluealba/pae-core';
 export * from './core';
 export * from './hooks';

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@bluealba/pae-ui-react-core",
-  "version": "4.6.0-integration-css.403",
+  "version": "4.7.0",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
   "types": "./dist/src/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "src/global.css"
   ],
   "description": "React utilities for PAE",
   "scripts": {

package/src/global.css

@@ -0,0 +1,32 @@
+:root {
+  /* Input */
+  --platform-label-color: var(--platform-text-secondary-color);
+  --platform-input-border-color: var(--platform-lines);
+  --platform-input-background-color: var(--platform-background-secondary-color);
+  --platform-input-color: var(--platform-text-primary-color);
+  --platform-input-focus-border-color: var(--platform-color-primary);
+
+  /* Button */
+  --platform-button-base-padding: 4px 16px;
+  --platform-button-base-border-radius: 6px;
+  --platform-button-base-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --platform-button-base-font-size: 1em;
+  --platform-button-base-line-height: 16px;
+  --platform-button-base-height: calc(2 * var(--platform-button-base-font-size));
+  /* Contained Primary variant */
+  --platform-button-contained-primary-background-color: var(--platform-color-primary);
+  --platform-button-contained-primary-color: #ffffff;
+  /* Outlined Primary variant */
+  --platform-button-outlined-primary-color: var(--platform-color-primary);
+  /* Text Primary variant */
+  --platform-button-text-primary-color: var(--platform-text-primary-color);
+
+  /* Contained danger variant */
+  --platform-button-contained-danger-background-color: var(--platform-color-danger);
+  --platform-button-contained-danger-color: #ffffff;
+  /* Outlined danger variant */
+  --platform-button-outlined-danger-color: var(--platform-color-danger);
+  /* Text danger variant */
+  --platform-button-text-danger-color: var(--platform-color-danger);  
+  
+}

package/dist/src/components/PortalContainerContext.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactNode } from 'react';
-
-export interface PortalContainerProviderProps {
-    container: HTMLElement | null;
-    children: ReactNode;
-}
-export declare const PortalContainerProvider: FC<PortalContainerProviderProps>;
-/**
- * Returns the portal container to use, or undefined to let Radix default to
- * document.body.
- */
-export declare const usePortalContainer: () => HTMLElement | undefined;

package/dist/src/styles/StyleRegistry.d.ts

@@ -1,41 +0,0 @@
-/**
- * StyleRegistry — single distribution point for pae-ui-react-core styles.
- *
- * pae-ui-react-core is loaded once (shared via the platform import map) but
- * its components render in two different style scopes:
- *   - the document (micro-frontends mounted in the light DOM)
- *   - the shell shadow root (<pae-shell-host>)
- *
- * Every stylesheet registered here is applied to the document AND to every
- * shadow root adopted via adoptInto(). Uses constructable stylesheets
- * (adoptedStyleSheets) when available, falling back to <style> elements
- * (jsdom, older browsers).
- */
-declare class StyleRegistryImpl {
-    private styles;
-    private shadowRoots;
-    /**
-     * Registers a stylesheet and applies it to the document and to every
-     * adopted shadow root. Returns an unregister function.
-     */
-    register(cssText: string): () => void;
-    /**
-     * Applies every registered stylesheet to the given shadow root and keeps
-     * it in sync with future registrations. Used by the shell host.
-     */
-    adoptInto(root: ShadowRoot): void;
-    /**
-     * Stops syncing styles into the given shadow root (e.g. when the shell
-     * host disconnects). Already-adopted sheets are removed.
-     */
-    releaseRoot(root: ShadowRoot): void;
-    private unregister;
-    private appendStyleElement;
-}
-export declare const StyleRegistry: StyleRegistryImpl;
-/**
- * Drains CSS bundled at build time (the build prepends the package CSS to
- * the bundle as globalThis.__PAE_UI_CORE_CSS__) into the registry.
- */
-export declare const registerBundledCss: () => void;
-export {};