@dbcdk/react-components 0.0.97 → 0.0.101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/page/Page.d.ts +2 -1
- package/dist/components/page-layout/PageLayout.d.ts +0 -2
- package/dist/components/page-layout/components/{layout-footer/LayoutFooter.d.ts → footer/Footer.d.ts} +5 -4
- package/dist/components/skeleton-loader/SkeletonLoader.d.ts +1 -1
- package/dist/components/tabs/Tabs.d.ts +2 -1
- package/dist/constants/chart-colors.d.ts +2 -0
- package/dist/constants/chart-colors.types.d.ts +3 -0
- package/dist/index.cjs +2086 -1999
- package/dist/index.css +26 -89
- package/dist/index.d.ts +3 -1
- package/dist/index.js +1664 -1578
- package/dist/styles/styles.css +6 -1
- package/dist/styles/themes/dbc/colors.css +14 -6
- package/dist/styles/themes/forfatterweb/light.css +17 -0
- package/dist/styles.css +6 -1
- package/dist/tanstack.cjs +112 -126
- package/dist/tanstack.js +32 -46
- package/package.json +1 -1
- package/dist/components/page-layout/components/page-layout-hero/PageLayoutHero.d.ts +0 -12
|
@@ -13,6 +13,7 @@ interface PageProps {
|
|
|
13
13
|
maxWidth?: 'sm' | 'md' | 'lg';
|
|
14
14
|
breadcrumbs?: BreadcrumbItem[];
|
|
15
15
|
containScrolling?: boolean;
|
|
16
|
+
loading?: boolean;
|
|
16
17
|
}
|
|
17
|
-
export declare function Page({ header, subheader, severity, headerIcon, headerAddition, breadcrumbs, disableContentBox, disableTopPadding, maxWidth, containScrolling, children, }: PageProps): ReactNode;
|
|
18
|
+
export declare function Page({ header, subheader, severity, headerIcon, headerAddition, breadcrumbs, disableContentBox, disableTopPadding, maxWidth, containScrolling, children, loading, }: PageProps): ReactNode;
|
|
18
19
|
export {};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { FC, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
-
import { type PageLayoutHeroProps } from './components/page-layout-hero/PageLayoutHero';
|
|
3
2
|
type Orientation = 'vertical' | 'horizontal';
|
|
4
3
|
export type PageLayoutMaxWidth = boolean | 'sm' | 'md';
|
|
5
4
|
export interface PageLayoutProps extends PropsWithChildren {
|
|
@@ -34,7 +33,6 @@ export interface PageLayoutSidebarProps {
|
|
|
34
33
|
export declare const PageLayout: FC<PageLayoutProps> & {
|
|
35
34
|
Sidebar: FC<PageLayoutSidebarProps>;
|
|
36
35
|
Header: FC<PageLayoutHeaderProps>;
|
|
37
|
-
Hero: FC<PageLayoutHeroProps>;
|
|
38
36
|
Content: FC<PageLayoutContentProps>;
|
|
39
37
|
Footer: FC<PageLayoutFooterProps>;
|
|
40
38
|
};
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import type { JSX, ReactElement } from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface FooterLink {
|
|
3
3
|
label: string;
|
|
4
4
|
href: string;
|
|
5
5
|
external?: boolean;
|
|
6
6
|
}
|
|
7
|
-
export interface
|
|
8
|
-
links?:
|
|
7
|
+
export interface FooterProps {
|
|
8
|
+
links?: FooterLink[];
|
|
9
9
|
metaParts?: string[];
|
|
10
|
+
version?: string | number;
|
|
10
11
|
/** Extra links rendered before the default links. Pass framework link elements (e.g. Next.js <Link>). */
|
|
11
12
|
extraLinks?: ReactElement[];
|
|
12
13
|
}
|
|
13
|
-
export declare function
|
|
14
|
+
export declare function Footer({ links, metaParts, version, extraLinks, }: FooterProps): JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface SkeletonLoaderProps {
|
|
3
|
-
type: 'button' | 'card' | 'avatar' | 'text' | 'table' | 'filterbar' | 'inputFieldList';
|
|
3
|
+
type: 'button' | 'card' | 'avatar' | 'text' | 'table' | 'filterbar' | 'inputFieldList' | 'squares' | 'dataPage';
|
|
4
4
|
rows?: number;
|
|
5
5
|
columns?: number;
|
|
6
6
|
variant?: 'default' | 'invert';
|
|
@@ -24,6 +24,7 @@ export interface TabsProps {
|
|
|
24
24
|
onValueChange?: (id: TabId, tab: TabItem, index: number) => void;
|
|
25
25
|
addition?: ReactNode;
|
|
26
26
|
disableTopPadding?: boolean;
|
|
27
|
+
loading?: boolean;
|
|
27
28
|
/** Composition API */
|
|
28
29
|
children?: ReactNode;
|
|
29
30
|
}
|
|
@@ -40,7 +41,7 @@ type SlotName = 'Item';
|
|
|
40
41
|
type TabsItemComponent = ((props: TabsItemProps) => JSX.Element) & {
|
|
41
42
|
__TABS_SLOT__?: SlotName;
|
|
42
43
|
};
|
|
43
|
-
export declare function Tabs({ header, subheader, variant, panelStyle, tabs, value, defaultValue, onValueChange, addition, disableTopPadding, children, }: TabsProps): JSX.Element;
|
|
44
|
+
export declare function Tabs({ header, subheader, variant, panelStyle, tabs, value, defaultValue, onValueChange, addition, disableTopPadding, loading, children, }: TabsProps): JSX.Element;
|
|
44
45
|
export declare namespace Tabs {
|
|
45
46
|
var Item: TabsItemComponent;
|
|
46
47
|
}
|