@dbcdk/react-components 0.0.98 → 0.0.102

package/dist/components/accordion/Accordion.d.ts

@@ -11,10 +11,12 @@ export interface AccordionItem {
 }
 type Size = 'sm' | 'md' | 'lg';
 type Mode = 'single' | 'multiple';
+type Variant = 'default' | 'outlined';
 export interface AccordionProps {
     items: AccordionItem[];
     mode?: Mode;
     size?: Size;
+    variant?: Variant;
     /** Uncontrolled defaults */
     defaultOpenIndex?: number | null;
     defaultOpenIndexes?: number[] | 'all';
@@ -25,5 +27,5 @@ export interface AccordionProps {
     onOpenIndexChange?: (index: number | null) => void;
     onOpenIndexesChange?: (indexes: number[]) => void;
 }
-export declare function Accordion({ items, mode, size, defaultOpenIndex, defaultOpenIndexes, openIndex, openIndexes, onOpenIndexChange, onOpenIndexesChange, }: AccordionProps): JSX.Element;
+export declare function Accordion({ items, mode, size, variant, defaultOpenIndex, defaultOpenIndexes, openIndex, openIndexes, onOpenIndexChange, onOpenIndexesChange, }: AccordionProps): JSX.Element;
 export {};

package/dist/components/accordion/components/AccordionRow.d.ts

@@ -7,5 +7,7 @@ export type AccordionRowProps = {
     isOpen: boolean;
     onToggle: (index: number) => void;
     shouldAnimate?: boolean;
+    headlineSize?: 1 | 2 | 3 | 4 | 5 | 6;
+    variant?: 'default' | 'outlined';
 };
-export declare function AccordionRow({ uid, index, item, isOpen, onToggle, shouldAnimate, }: AccordionRowProps): JSX.Element;
+export declare function AccordionRow({ uid, index, item, isOpen, onToggle, shouldAnimate, headlineSize, variant, }: AccordionRowProps): JSX.Element;

package/dist/components/card/Card.d.ts

@@ -4,12 +4,14 @@ import { CardMeta, CardMetaRow } from './components/CardMeta';
 type CardVariant = 'default' | 'subtle';
 type CardSize = 'sm' | 'md' | 'lg';
 type CardImagePlacement = 'left' | 'right' | 'top';
+type CardElevation = 'none' | 'xs' | 'sm' | 'md';
 export interface CardProps {
     title?: string;
     subheader?: ReactNode;
     loading?: boolean;
     variant?: CardVariant;
     size?: CardSize;
+    elevation?: CardElevation;
     headerMarker?: boolean;
     headerIcon?: ReactNode;
     headerAddition?: ReactNode;

package/dist/components/headline/Headline.d.ts

@@ -3,6 +3,7 @@ import { Severity } from '../../constants/severity.types';
 type HeadlineTone = 'dark' | 'light';
 type HeadlineVariant = 'default' | 'muted';
 export interface HeadlineProps extends React.AriaAttributes {
+    id?: string;
     size?: 1 | 2 | 3 | 4 | 5 | 6;
     marker?: boolean;
     disableMargin?: boolean;
@@ -15,5 +16,5 @@ export interface HeadlineProps extends React.AriaAttributes {
     tone?: HeadlineTone;
     variant?: HeadlineVariant;
 }
-export declare function Headline({ size, marker, disableMargin, children, severity, weight, subheader, addition, icon, tone, variant, allowWrap, }: PropsWithChildren<HeadlineProps>): React.JSX.Element;
+export declare function Headline({ size, marker, disableMargin, children, severity, weight, subheader, addition, icon, tone, variant, allowWrap, id, }: PropsWithChildren<HeadlineProps>): React.JSX.Element;
 export {};

package/dist/components/inline-status/InlineStatus.d.ts

@@ -0,0 +1,11 @@
+import type { JSX, ReactNode } from 'react';
+import type { Severity } from '../../constants/severity.types';
+export interface InlineStatusProps {
+    children: ReactNode;
+    severity?: Severity;
+    customIcon?: ReactNode;
+    disableIcon?: boolean;
+    fullWidth?: boolean;
+    size?: 'sm' | 'md';
+}
+export declare function InlineStatus({ children, severity, customIcon, disableIcon, fullWidth, size, }: InlineStatusProps): JSX.Element;

package/dist/components/page/Page.d.ts

@@ -8,12 +8,14 @@ interface PageProps {
     headerIcon?: ReactNode;
     children?: ReactNode;
     headerAddition?: ReactNode;
+    /** @deprecated use contentBox instead */
     disableContentBox?: boolean;
+    contentBox?: boolean;
     disableTopPadding?: boolean;
     maxWidth?: 'sm' | 'md' | 'lg';
     breadcrumbs?: BreadcrumbItem[];
     containScrolling?: boolean;
     loading?: boolean;
 }
-export declare function Page({ header, subheader, severity, headerIcon, headerAddition, breadcrumbs, disableContentBox, disableTopPadding, maxWidth, containScrolling, children, loading, }: PageProps): ReactNode;
+export declare function Page({ header, subheader, severity, headerIcon, headerAddition, breadcrumbs, disableContentBox, contentBox, disableTopPadding, maxWidth, containScrolling, children, loading, }: PageProps): ReactNode;
 export {};

package/dist/components/page-layout/components/{layout-footer/LayoutFooter.d.ts → footer/Footer.d.ts}

@@ -1,13 +1,14 @@
 import type { JSX, ReactElement } from 'react';
-export interface LayoutFooterLink {
+export interface FooterLink {
     label: string;
     href: string;
     external?: boolean;
 }
-export interface LayoutFooterProps {
-    links?: LayoutFooterLink[];
+export interface FooterProps {
+    links?: FooterLink[];
     metaParts?: string[];
+    version?: string | number;
     /** Extra links rendered before the default links. Pass framework link elements (e.g. Next.js <Link>). */
     extraLinks?: ReactElement[];
 }
-export declare function LayoutFooter({ links, metaParts, extraLinks, }: LayoutFooterProps): JSX.Element;
+export declare function Footer({ links, metaParts, version, extraLinks, }: FooterProps): JSX.Element;

package/dist/components/segmented-progress-bar/SegmentedProgressBar.d.ts

@@ -8,13 +8,14 @@ export type Segment = {
     color?: string;
     label?: React.ReactNode;
 };
+export type ProgressBarSize = '2xs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
 export interface SegmentedProgressBarProps {
     segments: Segment[];
     total?: number;
     showRemainder?: boolean;
     remainderSeverity?: Severity | ProgressSeverity;
     centerLabel?: React.ReactNode | ((filledPct: number) => React.ReactNode);
-    height?: number;
+    size?: ProgressBarSize;
     rounded?: boolean;
     trackColor?: string;
     tooltipPlacement?: TooltipPlacement;