@norges-domstoler/dds-components 0.0.0-dev-20240212124253 → 0.0.0-dev-20240216075654

package/dist/index.d.mts

@@ -2360,7 +2360,7 @@ interface PopoverGroupProps {
     isOpen?: boolean;
     /** `id` til `<Popover />.` */
     popoverId?: string;
-    /** Barna til wrapperen: anchor-element som det første og `<Popover />` so det adnre.  */
+    /** Barna til wrapperen: anchor-element som det første og `<Popover />` som det andre.  */
     children: ReactNode;
 }
 declare const PopoverGroup: {
@@ -2559,7 +2559,9 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     className?: string;
     /** Inline styling. */
     style?: React.CSSProperties;
+    /** Custom element som vises for det valgte elementet. */
     customOptionElement?: (props: OptionProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
+    /** Custom element som vises i listen over alternativer. */
     customSingleValueElement?: (props: SingleValueProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
 } & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
 type ForwardRefType<Option, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
@@ -2973,10 +2975,7 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     setFocus?: Dispatch<SetStateAction<number>>;
     /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
     index?: number;
-    /**
-     * Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
-     * @default '1fr'
-     */
+    /** Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`. */
     width?: CSS.Properties['width'];
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
 declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "className" | "id"> & {
@@ -2990,10 +2989,7 @@ declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttribute
     setFocus?: Dispatch<SetStateAction<number>> | undefined;
     /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
     index?: number | undefined;
-    /**
-     * Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
-     * @default '1fr'
-     */
+    /** Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`. */
     width?: CSS.Properties['width'];
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
     children?: react.ReactNode;

package/dist/index.d.ts

@@ -2360,7 +2360,7 @@ interface PopoverGroupProps {
     isOpen?: boolean;
     /** `id` til `<Popover />.` */
     popoverId?: string;
-    /** Barna til wrapperen: anchor-element som det første og `<Popover />` so det adnre.  */
+    /** Barna til wrapperen: anchor-element som det første og `<Popover />` som det andre.  */
     children: ReactNode;
 }
 declare const PopoverGroup: {
@@ -2559,7 +2559,9 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     className?: string;
     /** Inline styling. */
     style?: React.CSSProperties;
+    /** Custom element som vises for det valgte elementet. */
     customOptionElement?: (props: OptionProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
+    /** Custom element som vises i listen over alternativer. */
     customSingleValueElement?: (props: SingleValueProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
 } & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
 type ForwardRefType<Option, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
@@ -2973,10 +2975,7 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     setFocus?: Dispatch<SetStateAction<number>>;
     /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
     index?: number;
-    /**
-     * Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
-     * @default '1fr'
-     */
+    /** Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`. */
     width?: CSS.Properties['width'];
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
 declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "className" | "id"> & {
@@ -2990,10 +2989,7 @@ declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttribute
     setFocus?: Dispatch<SetStateAction<number>> | undefined;
     /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
     index?: number | undefined;
-    /**
-     * Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
-     * @default '1fr'
-     */
+    /** Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`. */
     width?: CSS.Properties['width'];
 } & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
     children?: react.ReactNode;

package/dist/index.js

@@ -5032,9 +5032,9 @@ var Bar = import_styled_components22.default.div.withConfig({
   color: ${navTokens3.color};
   background-color: ${navTokens3.backgroundColor};
   box-sizing: border-box;
-  z-index: 101;
+  z-index: 99;
 
-  position: fixed;
+  position: absolute;
   top: ${({ environmentBannerActive }) => environmentBannerActive ? import_development_utils.ENVIRONMENT_BANNER_HEIGHT : "0"};
   left: 0;
   right: 0;
@@ -7308,7 +7308,7 @@ function EmptyContent({
   ...rest
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(StyledEmptyContent, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(StyledEmptyContentText, { children: [
-    title3 && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Heading, { level: titleHeadingLevel, children: title3 }),
+    title3 && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Heading, { level: titleHeadingLevel, typographyType: "headingSans02", children: title3 }),
     /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Paragraph, { children: message2 })
   ] }) });
 }