@norges-domstoler/dds-components 4.0.2 → 4.2.0

package/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,101 @@
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _defineProperty as defineProperty, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _slicedToArray as slicedToArray, _toConsumableArray as toConsumableArray, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };

package/dist/assets/svg/bullets/jordskifterett_bullet1.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6.7085' cy='6.7085' r='2.625' fill='%230B0D0E'/%3e%3c/svg%3e";
+  var bullet = img;
+
+export { bullet as default };

package/dist/assets/svg/bullets/lagmannsrett_bullet2.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='3.04346' y='6.08691' width='7.30435' height='1.82609' fill='%230B0D0E'/%3e%3c/svg%3e";
+  var bulletLvl2 = img;
+
+export { bulletLvl2 as default };

package/dist/assets/svg/bullets/tingrett_bullet3.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.70817 9.33333C8.80225 9.33333 10.4998 7.50516 10.4998 5.25H2.9165C2.9165 7.50516 4.61409 9.33333 6.70817 9.33333Z' fill='%230B0D0E'/%3e%3c/svg%3e";
+  var bulletLvl3 = img;
+
+export { bulletLvl3 as default };

package/dist/assets/svg/calendar_today.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='rgba(58%2c65%2c70%2c1)'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z'/%3e%3c/svg%3e";
+  var CalendarIcon = img;
+
+export { CalendarIcon as default };

package/dist/cjs/components/Breadcrumbs/Breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import { AnchorHTMLAttributes, HTMLAttributes } from 'react';
+export declare type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;

package/dist/cjs/components/Breadcrumbs/Breadcrumb.tokens.d.ts

@@ -0,0 +1,10 @@
+import { CSSObject } from 'styled-components';
+export declare const breadcrumbTokens: {
+    breadcrumb: {
+        base: CSSObject;
+    };
+    icon: {
+        base: CSSObject;
+        size: string;
+    };
+};

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
+    /** Spesifiserer om versjonen for små skjermer skal vises; den viser `<Breadcrumb />` kun til den forrige siden.  */
+    smallScreen?: boolean;
+}>;
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
+    /** Spesifiserer om versjonen for små skjermer skal vises; den viser `<Breadcrumb />` kun til den forrige siden.  */
+    smallScreen?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { BreadcrumbsProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
+    } & Pick<import("react").HTMLAttributes<HTMLElement>, "id" | "className"> & {
+        smallScreen?: boolean | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLElement>>;
+    argTypes: {
+        smallScreen: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: BreadcrumbsProps) => JSX.Element;
+export declare const Default: (args: BreadcrumbsProps) => JSX.Element;
+export declare const SmallScreen: () => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './Breadcrumb';
+export * from './Breadcrumbs';

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const Button: import("react").ForwardRefExoticComponent<{
+    htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type"> | undefined;
+} & Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type">, "id" | "className"> & {
+    size?: import("./Button.types").ButtonSize | undefined;
+    label?: string | undefined;
+    purpose?: import("./Button.types").ButtonPurpose | undefined;
+    iconPosition?: import("./Button.types").IconPosition | undefined;
+    appearance?: import("./Button.types").ButtonAppearance | undefined;
+    loading?: boolean | undefined;
+    Icon?: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+} & {
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,63 @@
+/// <reference types="react" />
+import { ButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
+    } & Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type">, "id" | "className"> & {
+        size?: import("./Button.types").ButtonSize | undefined;
+        label?: string | undefined;
+        purpose?: import("./Button.types").ButtonPurpose | undefined;
+        iconPosition?: import("./Button.types").IconPosition | undefined;
+        appearance?: import("./Button.types").ButtonAppearance | undefined;
+        loading?: boolean | undefined;
+        Icon?: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+        fullWidth?: boolean | undefined;
+        href?: string | undefined;
+        target?: string | undefined;
+    } & {
+        onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        type?: "button" | "submit" | "reset" | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        loading: {
+            control: {
+                type: string;
+            };
+        };
+        fullWidth: {
+            control: {
+                type: string;
+            };
+        };
+        href: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const OverviewWithText: (args: ButtonProps) => JSX.Element;
+export declare const OverviewJustIcon: (args: ButtonProps) => JSX.Element;
+export declare const OverviewSizes: (args: ButtonProps) => JSX.Element;
+export declare const OverviewLoading: (args: ButtonProps) => JSX.Element;
+export declare const OverviewFullWidth: (args: ButtonProps) => JSX.Element;
+export declare const Default: (args: ButtonProps) => JSX.Element;
+export declare const WithIcon: (args: ButtonProps) => JSX.Element;
+export declare const Icon: (args: ButtonProps) => JSX.Element;
+export declare const Ghost: (args: ButtonProps) => JSX.Element;
+export declare const Borderless: (args: ButtonProps) => JSX.Element;
+export declare const Rounded: (args: ButtonProps) => JSX.Element;

package/dist/cjs/components/Button/Button.styles.d.ts

@@ -0,0 +1,24 @@
+import { ButtonAppearance, ButtonPurpose, ButtonSize, IconPosition } from './Button.types';
+declare type ButtonWrapperProps = {
+    appearance: ButtonAppearance;
+    purpose: ButtonPurpose;
+    size: ButtonSize;
+    fullWidth: boolean;
+    hasIcon: boolean;
+    hasLabel: boolean;
+    isLoading: boolean;
+    iconPosition?: IconPosition;
+};
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, ButtonWrapperProps, never>;
+declare type StyledIconWrapperSpanProps = {
+    iconPosition?: IconPosition;
+    size: ButtonSize;
+    absolutePosition?: boolean;
+    isHidden?: boolean;
+};
+export declare const StyledIconWrapperSpan: import("styled-components").StyledComponent<"span", any, StyledIconWrapperSpanProps, never>;
+declare type LabelProps = {
+    isHidden?: boolean;
+};
+export declare const Label: import("styled-components").StyledComponent<"span", any, LabelProps, never>;
+export {};

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

@@ -0,0 +1,203 @@
+import { CSSObject } from 'styled-components';
+export declare const buttonTokens: {
+    base: CSSObject;
+    focus: {
+        base: CSSObject;
+    };
+    sizes: {
+        small: {
+            justIcon: {
+                base: CSSObject;
+            };
+            justIconWrapper: {
+                base: CSSObject;
+            };
+            text: {
+                base: CSSObject;
+            };
+            iconWithTextMargin: string;
+        };
+        medium: {
+            justIcon: {
+                base: CSSObject;
+            };
+            justIconWrapper: {
+                base: CSSObject;
+            };
+            text: {
+                base: CSSObject;
+            };
+            iconWithTextMargin: string;
+        };
+        large: {
+            justIcon: {
+                base: CSSObject;
+            };
+            justIconWrapper: {
+                base: CSSObject;
+            };
+            text: {
+                base: CSSObject;
+            };
+            iconWithTextMargin: string;
+        };
+        tiny: {
+            justIcon: {
+                base: CSSObject;
+            };
+            justIconWrapper: {
+                base: CSSObject;
+            };
+            text: {
+                base: CSSObject;
+            };
+            iconWithTextMargin: string;
+        };
+    };
+    appearance: {
+        filled: {
+            base: CSSObject;
+            primary: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+            };
+            secondary: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+            };
+            danger: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+            };
+        };
+        ghost: {
+            base: CSSObject;
+            primary: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+            };
+            secondary: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+            };
+            danger: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+            };
+        };
+        borderless: {
+            base: CSSObject;
+            primary: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+                justIcon: {
+                    hover: {
+                        base: CSSObject;
+                    };
+                    active: {
+                        base: CSSObject;
+                    };
+                };
+            };
+            secondary: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+                justIcon: {
+                    hover: {
+                        base: CSSObject;
+                    };
+                    active: {
+                        base: CSSObject;
+                    };
+                };
+            };
+            danger: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+                justIcon: {
+                    hover: {
+                        base: CSSObject;
+                    };
+                    active: {
+                        base: CSSObject;
+                    };
+                };
+            };
+        };
+        rounded: {
+            base: CSSObject;
+            primary: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+            };
+            secondary: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+            };
+            danger: {
+                base: CSSObject;
+                hover: {
+                    base: CSSObject;
+                };
+                active: {
+                    base: CSSObject;
+                };
+            };
+        };
+    };
+};

package/dist/cjs/components/Button/Button.types.d.ts

@@ -0,0 +1,32 @@
+import { SvgIconTypeMap } from '@mui/material/SvgIcon';
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { ButtonHTMLAttributes } from 'react';
+import { BaseComponentProps } from '../../types';
+export declare type ButtonPurpose = 'primary' | 'secondary' | 'danger';
+export declare type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
+export declare type ButtonAppearance = 'filled' | 'ghost' | 'rounded' | 'borderless';
+export declare type IconPosition = 'left' | 'right';
+declare type PickedHTMLAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type'>;
+export declare type ButtonProps = BaseComponentProps<HTMLButtonElement, {
+    /**Størrelsen på knappen. */
+    size?: ButtonSize;
+    /**Tekst i knappen. */
+    label?: string;
+    /**Bestemmer farger basert på formål. */
+    purpose?: ButtonPurpose;
+    /**	Posisjonen til ikonet i forhold til teksten.*/
+    iconPosition?: IconPosition;
+    /**Bestemmer utseende på knappen, bl.a. bakgrunn, border radius og skygger.  */
+    appearance?: ButtonAppearance;
+    /**Indikerer en loading-knapp. */
+    loading?: boolean;
+    /**Ikonet som ligger i knappen.  */
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    /**Knapp med full bredde. */
+    fullWidth?: boolean;
+    /**URL for knapper som skal brukes som lenke. Knappen blir til et `<a>`-element. */
+    href?: string;
+    /**Nativt target-attributt som kan spesifiseres når knappen er et `<a>`-element.  */
+    target?: string;
+} & PickedHTMLAttributes, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes>>;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './Button';
+export * from './Button.types';

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

@@ -0,0 +1,23 @@
+import { AnchorHTMLAttributes, RefObject } from 'react';
+import { BaseComponentPropsWithChildren } from '../../types';
+export declare type CardColor = 'filledDark' | 'filledLight' | 'strokeDark' | 'strokeLight';
+export declare type CardType = 'info' | 'navigation' | 'expandable';
+declare type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
+    /** Fargepalett i komponenten. */
+    color?: CardColor;
+    /** Referanse til komponenten. */
+    cardRef?: RefObject<T>;
+}>;
+export declare type InfoCardProps = BaseCardProps<HTMLDivElement> & {
+    /** Spesifiserer funksjonalitet og formål med komponenten. **OBS!** ved `'navigation'` må `href` oppgis. Ved `'expandable'` må alle `<Card />` grupperte sammen ligge egen `<div>` container. */
+    cardType: 'info';
+};
+export declare type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
+    cardType: 'navigation';
+} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'>;
+export declare type ExpandableCardProps = BaseCardProps<HTMLDivElement> & {
+    cardType: 'expandable';
+};
+export declare type CardProps = InfoCardProps | NavigationCardProps | ExpandableCardProps;
+export declare const Card: (props: CardProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CardProps, ExpandableCardProps } from '.';
+declare const _default: {
+    title: string;
+    component: (props: CardProps) => JSX.Element;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: CardProps) => JSX.Element;
+export declare const Accordion: (args: ExpandableCardProps) => JSX.Element;
+export declare const Examples: (args: CardProps) => JSX.Element;

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

@@ -0,0 +1,26 @@
+import { CSSObject } from 'styled-components';
+export declare const cardTokens: {
+    base: CSSObject;
+    navigation: {
+        hover: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+    };
+    colors: {
+        filledDark: {
+            base: CSSObject;
+        };
+        filledLight: {
+            base: CSSObject;
+        };
+        strokeLight: {
+            base: CSSObject;
+        };
+        strokeDark: {
+            base: CSSObject;
+        };
+    };
+};

package/dist/cjs/components/Card/CardAccordion/CardAccordion.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { BaseComponentPropsWithChildren } from '../../../types';
+export declare type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Spesifiserer om body skal være utvidet ved innlastning. */
+    isExpanded?: boolean;
+}>;
+export declare const CardAccordion: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    /**Spesifiserer om body skal være utvidet ved innlastning. */
+    isExpanded?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Card/CardAccordion/CardAccordionBody.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { Property } from 'csstype';
+import { BaseComponentPropsWithChildren } from '../../../types';
+export declare type CardAccordionBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
+    isExpanded?: boolean;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
+    headerId?: string;
+    /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
+    paddingTop?: Property.PaddingTop<string>;
+}>;
+export declare const CardAccordionBody: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller komponenten om den skal utvides.  */
+    isExpanded?: boolean | undefined;
+    /** **OBS!** denne propen blir satt automatisk av forelder. Forteller `id` til `<CardAccordionHeader />`.  */
+    headerId?: string | undefined;
+    /**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
+    paddingTop?: Property.PaddingTop<string> | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Card/CardAccordion/CardAccordionBody.tokens.d.ts

@@ -0,0 +1,4 @@
+import { CSSObject } from 'styled-components';
+export declare const cardAccordionBodyTokens: {
+    base: CSSObject;
+};