@entur/layout 3.4.1 → 3.4.2

package/dist/beta/styles/index.css

@@ -63,7 +63,19 @@
   --9xl:var(--size-29);
   --10xl:var(--size-30);
   --11xl:var(--size-31);
-}:where(.eds-layout-grid){
+}.eds-layout-grid{
+  --grid-template-columns:initial;
+  --grid-template-rows:initial;
+  --grid-auto-flow:initial;
+  --grid-align-items:initial;
+  --grid-justify-content:initial;
+  --grid-align-content:initial;
+  --grid-gap:initial;
+  --grid-row-gap:initial;
+  --grid-column-gap:initial;
+  --grid-height:initial;
+}
+:where(.eds-layout-grid){
   display:grid;
   grid-template-columns:repeat(12, 1fr);
   grid-template-columns:var(--grid-template-columns, repeat(12, 1fr));
@@ -89,11 +101,9 @@
      -moz-column-gap:var(--grid-column-gap, var(--grid-gap));
           column-gap:var(--grid-column-gap, var(--grid-gap));
   height:var(--grid-height);
-}
-:where(.eds-layout-grid .eds-layout-grid){
-  grid-template-columns:subgrid;
-  grid-template-rows:subgrid;
 }.eds-layout-grid-item{
+  --grid-item-column:initial;
+  --grid-item-row:initial;
   grid-column:var(--grid-item-column);
   grid-row:var(--grid-item-row);
 }:where(.eds-layout-flex){
@@ -190,6 +200,19 @@
   min-height:100vh;
   width:100%;
 }
+.eds-layout-template-portal:has(> .eds-layout-template-portal__status-bar){
+  --grid-template-rows:auto 1fr;
+}
+.eds-layout-template-portal:has(> .eds-layout-template-portal__status-bar) > .eds-layout-template-portal__status-bar{
+  --grid-item-column:1 / -1;
+  --grid-item-row:1;
+}
+.eds-layout-template-portal:has(> .eds-layout-template-portal__status-bar) > .eds-layout-grid-item:has(.eds-layout-template-sidebar){
+  --grid-item-row:2;
+}
+.eds-layout-template-portal:has(> .eds-layout-template-portal__status-bar) > .eds-layout-template-portal__main{
+  --grid-item-row:2;
+}
 
 .eds-layout-template-portal__main{
   padding:1rem;

package/dist/beta/types/Flex/Flex.d.ts

@@ -61,5 +61,7 @@ export type FlexOwnProps = {
 };
 export type FlexProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, FlexOwnProps>;
 declare const defaultElement = "div";
-export declare const Flex: <E extends React.ElementType = "div">({ direction, wrap, align, justify, alignContent, gap, rowGap, columnGap, flex, grow, shrink, basis, width, height, minWidth, minHeight, maxWidth, maxHeight, as, className, children, style, ...rest }: FlexProps<E>) => JSX.Element;
+export declare const Flex: React.ForwardRefExoticComponent<Omit<FlexOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, keyof FlexOwnProps>, "ref"> & React.RefAttributes<Element>>;
 export {};

package/dist/beta/types/Grid/Grid.d.ts

@@ -42,5 +42,7 @@ export type GridOwnProps = {
 };
 export type GridProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, GridOwnProps>;
 declare const defaultElement = "div";
-export declare const Grid: <E extends React.ElementType = "div">({ templateColumns, templateRows, gap, rowGap, columnGap, autoFlow, align, justify, alignContent, height, as, className, children, style, ...rest }: GridProps<E>) => JSX.Element;
+export declare const Grid: React.ForwardRefExoticComponent<Omit<GridOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, keyof GridOwnProps>, "ref"> & React.RefAttributes<Element>>;
 export {};

package/dist/beta/types/Grid/GridItem.d.ts

@@ -24,5 +24,7 @@ export type GridItemOwnProps = {
 };
 export type GridItemProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, GridItemOwnProps>;
 declare const defaultElement = "div";
-export declare const GridItem: <E extends React.ElementType = "div">({ colSpan, rowSpan, as, className, children, style, ...rest }: GridItemProps<E>) => JSX.Element;
+export declare const GridItem: React.ForwardRefExoticComponent<Omit<GridItemOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, keyof GridItemOwnProps>, "ref"> & React.RefAttributes<Element>>;
 export {};

package/dist/beta/types/index.d.ts

@@ -4,4 +4,4 @@ export { Flex, FlexSpacer } from './Flex';
 export { Template } from './templates';
 export type { GridProps, GridOwnProps, GridItemProps, GridItemOwnProps, GridSpacingValue, ResponsiveValue, } from './Grid';
 export type { FlexProps, FlexOwnProps, FlexSpacingValue, FlexSpacerProps, FlexSpacerOwnProps, } from './Flex';
-export type { PortalComponent, PortalMainProps, PortalProps, SidebarComponent, SidebarProps, SidebarSectionProps, TemplateComponent, } from './templates';
+export type { PortalComponent, PortalMainProps, PortalProps, PortalStatusBarProps, SidebarComponent, SidebarProps, SidebarSectionProps, TemplateComponent, } from './templates';

package/dist/beta/types/templates/Sidebar.d.ts

@@ -1,15 +1,39 @@
 import { default as React } from 'react';
-export type SidebarProps = React.HTMLAttributes<HTMLElement> & {
+import { PolymorphicComponentProps } from '@entur/utils';
+type SidebarOwnProps = {
     /** Toggle contrast styling for the sidebar */
     contrast?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
 };
-export type SidebarSectionProps = React.HTMLAttributes<HTMLElement>;
-declare const SidebarLogo: React.FC<SidebarSectionProps>;
-declare const SidebarUser: React.FC<SidebarSectionProps>;
-declare const SidebarData: React.FC<SidebarSectionProps>;
-declare const SidebarNavigation: React.FC<SidebarSectionProps>;
-declare const SidebarFooter: React.FC<SidebarSectionProps>;
-declare const SidebarRoot: React.FC<SidebarProps>;
+type SidebarSectionOwnProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+declare const defaultSidebarElement = "aside";
+declare const defaultSectionElement = "div";
+export type SidebarProps<T extends React.ElementType = typeof defaultSidebarElement> = PolymorphicComponentProps<T, SidebarOwnProps>;
+export type SidebarSectionProps<T extends React.ElementType = typeof defaultSectionElement> = PolymorphicComponentProps<T, SidebarSectionOwnProps>;
+declare const SidebarLogo: React.ForwardRefExoticComponent<Omit<SidebarSectionOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof SidebarSectionOwnProps>, "ref"> & React.RefAttributes<Element>>;
+declare const SidebarUser: React.ForwardRefExoticComponent<Omit<SidebarSectionOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof SidebarSectionOwnProps>, "ref"> & React.RefAttributes<Element>>;
+declare const SidebarData: React.ForwardRefExoticComponent<Omit<SidebarSectionOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof SidebarSectionOwnProps>, "ref"> & React.RefAttributes<Element>>;
+declare const SidebarNavigation: React.ForwardRefExoticComponent<Omit<SidebarSectionOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof SidebarSectionOwnProps>, "ref"> & React.RefAttributes<Element>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<SidebarSectionOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof SidebarSectionOwnProps>, "ref"> & React.RefAttributes<Element>>;
+declare const SidebarRoot: React.ForwardRefExoticComponent<Omit<SidebarOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof SidebarOwnProps>, "ref"> & React.RefAttributes<Element>>;
 export type SidebarComponent = typeof SidebarRoot & {
     Logo: typeof SidebarLogo;
     User: typeof SidebarUser;

package/dist/beta/types/templates/index.d.ts

@@ -1,7 +1,7 @@
-import { PortalComponent, PortalMainProps, PortalProps } from './portal';
+import { PortalComponent, PortalMainProps, PortalProps, PortalStatusBarProps } from './portal';
 import { SidebarComponent, SidebarProps, SidebarSectionProps } from './Sidebar';
 export type TemplateComponent = {
     Portal: PortalComponent;
 };
 export declare const Template: TemplateComponent;
-export type { PortalComponent, PortalMainProps, PortalProps, SidebarComponent, SidebarProps, SidebarSectionProps, };
+export type { PortalComponent, PortalMainProps, PortalProps, PortalStatusBarProps, SidebarComponent, SidebarProps, SidebarSectionProps, };

package/dist/beta/types/templates/portal/Portal.d.ts

@@ -1,10 +1,38 @@
 import { default as React } from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import { Grid } from '../../Grid';
 import { SidebarComponent } from '../Sidebar';
-export type PortalProps = React.HTMLAttributes<HTMLDivElement>;
-export type PortalMainProps = React.HTMLAttributes<HTMLElement>;
-declare const PortalRoot: React.FC<PortalProps>;
-declare const PortalMain: React.FC<PortalMainProps>;
+type PortalOwnProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+type PortalStatusBarOwnProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+type PortalMainOwnProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+declare const defaultStatusBarElement = "div";
+declare const defaultPortalMainElement = "main";
+export type PortalProps<T extends React.ElementType = typeof Grid> = PolymorphicComponentProps<T, PortalOwnProps>;
+export type PortalStatusBarProps<T extends React.ElementType = typeof defaultStatusBarElement> = PolymorphicComponentProps<T, PortalStatusBarOwnProps>;
+export type PortalMainProps<T extends React.ElementType = typeof defaultPortalMainElement> = PolymorphicComponentProps<T, PortalMainOwnProps>;
+declare const PortalRoot: React.ForwardRefExoticComponent<Omit<PortalOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof PortalOwnProps>, "ref"> & React.RefAttributes<Element>>;
+declare const PortalStatusBar: React.ForwardRefExoticComponent<Omit<PortalStatusBarOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof PortalStatusBarOwnProps>, "ref"> & React.RefAttributes<Element>>;
+declare const PortalMain: React.ForwardRefExoticComponent<Omit<PortalMainOwnProps & {
+    as?: React.ElementType<any> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof PortalMainOwnProps>, "ref"> & React.RefAttributes<Element>>;
 export type PortalComponent = typeof PortalRoot & {
+    StatusBar: typeof PortalStatusBar;
     Sidebar: SidebarComponent;
     Main: typeof PortalMain;
 };

package/dist/beta/types/templates/portal/index.d.ts

@@ -1,2 +1,2 @@
 export { Portal } from './Portal';
-export type { PortalComponent, PortalMainProps, PortalProps } from './Portal';
+export type { PortalComponent, PortalMainProps, PortalProps, PortalStatusBarProps, } from './Portal';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/layout",
-  "version": "3.4.1",
+  "version": "3.4.2",
   "license": "EUPL-1.2",
   "main": "dist/layout.cjs.js",
   "module": "dist/layout.esm.js",
@@ -70,5 +70,5 @@
     "vite": "^7.1.3",
     "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "20bfbc9666763680b8871a62f9503b0dfd481531"
+  "gitHead": "ee1f35746ed0ce1e2ab24377ec9d1bb78f6fabac"
 }