@norges-domstoler/dds-components 13.6.2 → 13.6.3

package/dist/cjs/components/AppShell/AppShell.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren, ReactElement } from 'react';
+export type AppShellProps = PropsWithChildren<{
+    /**Versjon på appen på formatet 0.0.0 */
+    version?: string;
+    navigation: AppShellNavigationProps;
+}>;
+export type AppShellNavigationProps = {
+    /**Interne lenker i navigasjonen. */
+    internal?: ReactElement[];
+    /**Eksterne lenker i navigasjonen. */
+    external?: ReactElement[];
+};
+export declare const AppShell: ({ children, version, navigation: { internal, external }, }: AppShellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/AppShell/AppShell.stories.d.ts

@@ -0,0 +1,23 @@
+import { ComponentProps } from 'react';
+import { AppShell } from '.';
+declare const _default: {
+    title: string;
+    component: (({ children, version, navigation: { internal, external }, }: import("./AppShell").AppShellProps) => import("react/jsx-runtime").JSX.Element) & {
+        NavItem: {
+            <T extends import("@norges-domstoler/dds-core").As = "a">({ as: _as, active, icon, external, children, ...rest }: import("react").PropsWithoutRef<ComponentProps<T>> & {
+                as?: T | undefined;
+            } & ({
+                icon: import("@norges-domstoler/dds-icons").SvgIcon;
+                active?: boolean | undefined;
+                external?: false | undefined;
+            } | {
+                external: true;
+                active?: false | undefined;
+                icon?: undefined;
+            })): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: ComponentProps<typeof AppShell>) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/AppShell/AppShell.tokens.d.ts

@@ -0,0 +1,68 @@
+export declare const appShellTokens: {
+    navigation: {
+        navigationItems: {
+            gap: string;
+            item: {
+                color: string;
+                borderRadius: string;
+                padding: string;
+                gap: string;
+                external: {
+                    lineHeight: any;
+                    fontSize: string;
+                    letterSpacing: any;
+                    fontFamily: any;
+                    fontWeight: any;
+                    fontStyle: any;
+                };
+                hover: {
+                    backgroundColor: string;
+                };
+                active: {
+                    color: string;
+                    backgroundColor: string;
+                };
+                lineHeight: any;
+                fontSize: string;
+                letterSpacing: any;
+                fontFamily: any;
+                fontWeight: any;
+                fontStyle: any;
+            };
+        };
+        logoAndVersion: {
+            padding: string;
+            color: string;
+            logo: {
+                fontWeight: number;
+                lineHeight: any;
+                fontSize: string;
+                letterSpacing: any;
+                fontFamily: any;
+                fontStyle: any;
+            };
+            version: {
+                lineHeight: any;
+                fontSize: string;
+                letterSpacing: any;
+                fontFamily: any;
+                fontWeight: any;
+                fontStyle: any;
+            };
+        };
+        color: string;
+        backgroundColor: string;
+        gap: string;
+        dividerColor: string;
+        padding: string;
+        width: string;
+        mobile: {
+            iconColors: string;
+        };
+    };
+    floatingActionButtons: {
+        gap: string;
+        textColor: string;
+        backgroundColor: string;
+    };
+};

package/dist/cjs/components/AppShell/Navigation/Navigation.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+export declare const NavigationItems: import("styled-components").StyledComponent<"nav", any, {}, never>;
+export type NavigationProps = {
+    version: string;
+    internal: ReactElement[];
+    external: ReactElement[];
+};
+export declare const Navigation: ({ version, internal, external, }: NavigationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/AppShell/Navigation/NavigationItem.d.ts

@@ -0,0 +1,17 @@
+import { type PropsOf, type As } from '@norges-domstoler/dds-core';
+import { SvgIcon } from '@norges-domstoler/dds-icons';
+type BaseNavigationItemProps = {
+    icon: SvgIcon;
+    active?: boolean;
+    external?: undefined | false;
+} | {
+    external: true;
+    active?: undefined | false;
+    icon?: undefined;
+};
+type NavigationItemProps<T extends As = 'a'> = PropsOf<T> & BaseNavigationItemProps;
+export declare const NavigationItem: {
+    <T extends As = "a">({ as: _as, active, icon, external, children, ...rest }: NavigationItemProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/components/AppShell/index.d.ts

@@ -0,0 +1,7 @@
+import { AppShell as BaseAppShell, AppShellProps } from './AppShell';
+import { NavigationItem } from './Navigation/NavigationItem';
+type CompoundAppShell = typeof BaseAppShell & {
+    NavItem: typeof NavigationItem;
+};
+declare const AppShell: CompoundAppShell;
+export { AppShell, type AppShellProps };

package/dist/cjs/components/List/List.stories.d.ts

@@ -2,14 +2,14 @@
 import { ListProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement>, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement>, "className" | "id"> & {
         listType?: import("./List").ListType | undefined;
         typographyType?: import("./List").ListTypographyType | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement> | undefined;
-    } & import("react").RefAttributes<HTMLUListElement | HTMLOListElement>>;
+        htmlProps?: import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement> | undefined;
+    } & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>>;
 };
 export default _default;
 export declare const Overview: (args: ListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/index.d.ts

@@ -5,6 +5,7 @@ export * from './dds-core';
 export * from './dds-form';
 export * from './dds-icons';
 export * from './dds-typography';
+export * from './components/AppShell';
 export * from './components/SelectionControl/RadioButton';
 export * from './components/SelectionControl/Checkbox';
 export * from './components/Button';