@norges-domstoler/dds-components 13.5.0 → 13.6.0

package/dist/components/Feedback/RatingComponent.js

@@ -0,0 +1,79 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styled, { css } from 'styled-components';
+import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
+import 'tslib';
+import '../../icons/utils/StyledSvg.js';
+import { Thumbdown } from '../../icons/tsx/thumbdown.js';
+import { Thumbup } from '../../icons/tsx/thumbup.js';
+import { Spinner } from '../Spinner/Spinner.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import '../Typography/Typography/Typography.js';
+import { Label } from '../Typography/Label/Label.js';
+import '../Typography/Paragraph/Paragraph.js';
+import '../Typography/Heading/Heading.js';
+import '../Typography/Link/Link.js';
+import '../Typography/Legend/Legend.js';
+import '../Typography/Caption/Caption.js';
+import { Button } from '../Button/Button.js';
+import { FlexContainer } from './FlexContainer.js';
+
+var RatingContainer = styled.div.withConfig({
+  displayName: "RatingComponent__RatingContainer",
+  componentId: "sc-3siwxn-0"
+})(["display:flex;gap:", ";", ""], ddsBaseTokens.spacing.SizesDdsSpacingLocalX1, function (_ref) {
+  var layout = _ref.layout;
+  return css(["flex-direction:", ";align-items:", ";"], layout === 'horizontal' ? 'row' : 'column', layout === 'horizontal' ? 'center' : 'start');
+});
+var RatingButton = styled(Button).withConfig({
+  displayName: "RatingComponent__RatingButton",
+  componentId: "sc-3siwxn-1"
+})(["padding:0px;color:", ";"], ddsBaseTokens.colors.DdsColorNeutralsGray7);
+var RatingComponent = function RatingComponent(_ref2) {
+  var layout = _ref2.layout,
+    ratingLabel = _ref2.ratingLabel,
+    loading = _ref2.loading,
+    thumbUpTooltip = _ref2.thumbUpTooltip,
+    thumbDownTooltip = _ref2.thumbDownTooltip,
+    handleRatingChange = _ref2.handleRatingChange;
+  return jsxs(RatingContainer, {
+    layout: layout,
+    children: [jsx(Label, {
+      children: ratingLabel
+    }), loading ? jsx(Spinner, {
+      tooltip: "Laster opp tilbakemelding ..."
+    }) : jsxs(FlexContainer, {
+      flexDirection: "row",
+      children: [jsx(Tooltip, {
+        text: thumbUpTooltip,
+        children: jsx(RatingButton, {
+          htmlProps: {
+            'aria-label': thumbUpTooltip
+          },
+          icon: Thumbup,
+          appearance: "borderless",
+          onClick: function onClick() {
+            return handleRatingChange('positive');
+          },
+          size: "large"
+        })
+      }), jsx(Tooltip, {
+        text: thumbDownTooltip,
+        children: jsx("div", {
+          children: jsx(RatingButton, {
+            htmlProps: {
+              'aria-label': thumbDownTooltip
+            },
+            icon: Thumbdown,
+            appearance: "borderless",
+            onClick: function onClick() {
+              return handleRatingChange('negative');
+            },
+            size: "large"
+          })
+        })
+      })]
+    })]
+  });
+};
+
+export { RatingComponent };

package/dist/components/Feedback/index.d.ts

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

package/dist/components/GlobalMessage/GlobalMessage.stories.d.ts

@@ -2,7 +2,7 @@
 import { GlobalMessageProps } from './GlobalMessage';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         message?: string | undefined;
         purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
         closable?: boolean | undefined;

package/dist/components/InlineEdit/InlineEdit.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "errorMessage" | "error" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         emptiable: {
             control: {

package/dist/components/InlineEdit/InlineEditInput.stories.d.ts

@@ -2,7 +2,7 @@
 import { InlineEditInputProps } from './InlineEdit.types';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "errorMessage" | "error" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         emptiable: {
             control: {

package/dist/components/InlineEdit/InlineEditTextArea.stories.d.ts

@@ -2,7 +2,7 @@
 import { InlineEditTextAreaProps } from './InlineEdit.types';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "errorMessage" | "error" | "hideIcon"> & import("react").RefAttributes<HTMLTextAreaElement>>;
     argTypes: {
         emptiable: {
             control: {

package/dist/components/InputMessage/InputMessage.stories.d.ts

@@ -2,7 +2,7 @@
 import { InputMessageProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         message: string;
         messageType: import("./InputMessage").InputMessageType;
     } & {

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

@@ -2,7 +2,7 @@
 import { ListProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement>, "className" | "id"> & {
         listType?: import("./List").ListType | undefined;
         typographyType?: import("./List").ListTypographyType | undefined;
     } & {

package/dist/components/LocalMessage/LocalMessage.stories.d.ts

@@ -2,7 +2,7 @@
 import { LocalMessageProps } from './LocalMessage';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         message?: string | undefined;
         purpose?: import("./LocalMessage").LocalMessagePurpose | undefined;
         closable?: boolean | undefined;

package/dist/components/Modal/Modal.stories.d.ts

@@ -2,7 +2,7 @@
 import { ModalProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         isOpen?: boolean | undefined;
         onClose?: (() => void) | undefined;
         parentElement?: HTMLElement | undefined;

package/dist/components/OverflowMenu/OverflowMenu.stories.d.ts

@@ -2,12 +2,12 @@
 import { OverflowMenuProps, OverflowMenuContextItem } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         items?: OverflowMenuContextItem[] | undefined;
         userProps?: ({
             name: string;
             href?: string | undefined;
-        } & (import("react").AnchorHTMLAttributes<HTMLAnchorElement> | import("react").ButtonHTMLAttributes<HTMLButtonElement>)) | undefined;
+        } & (import("react").ButtonHTMLAttributes<HTMLButtonElement> | import("react").AnchorHTMLAttributes<HTMLAnchorElement>)) | undefined;
         navItems?: import("./OverflowMenu.types").OverflowMenuLinkItem[] | undefined;
         isOpen?: boolean | undefined;
         onClose?: (() => void) | undefined;

package/dist/components/Pagination/Pagination.stories.d.ts

@@ -2,7 +2,7 @@
 import { PaginationProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
         itemsAmount: number;
         defaultItemsPerPage?: number | undefined;
         defaultActivePage?: number | undefined;

package/dist/components/Popover/Popover.stories.d.ts

@@ -3,7 +3,7 @@ import { PopoverProps } from '.';
 import { Placement } from '../../hooks';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         title?: import("react").ReactNode;
         isOpen?: boolean | undefined;
         withCloseButton?: boolean | undefined;

package/dist/components/ProgressTracker/ProgressTracker.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         activeStep?: number | undefined;
         onStepChange?: ((step: number) => void) | undefined;
     } & {
@@ -12,7 +12,7 @@ declare const _default: {
         Item: {
             (props: ({
                 onClick: (index: number) => void;
-            } & Pick<import("react").HTMLAttributes<HTMLButtonElement>, "id" | "className"> & {
+            } & Pick<import("react").HTMLAttributes<HTMLButtonElement>, "className" | "id"> & {
                 active?: boolean | undefined;
                 completed?: boolean | undefined;
                 disabled?: boolean | undefined;
@@ -24,7 +24,7 @@ declare const _default: {
                 htmlProps?: import("react").HTMLAttributes<HTMLButtonElement> | undefined;
             }) | ({
                 onClick?: undefined;
-            } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+            } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
                 active?: boolean | undefined;
                 completed?: boolean | undefined;
                 disabled?: boolean | undefined;

package/dist/components/RadioButton/RadioButton.stories.d.ts

@@ -2,22 +2,22 @@
 import { RadioButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "readOnly" | "required" | "value" | "checked">, "className" | "id"> & {
         label?: string | undefined;
         disabled?: boolean | undefined;
         error?: boolean | undefined;
     } & {
+        name?: string | undefined;
         'aria-describedby'?: string | undefined;
         onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
-        name?: string | undefined;
-        value?: string | number | readonly string[] | undefined;
-        checked?: boolean | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
+        value?: string | number | readonly string[] | undefined;
+        checked?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "readOnly" | "required" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

package/dist/components/RadioButton/RadioButtonGroup.stories.d.ts

@@ -2,7 +2,7 @@
 import { RadioButtonGroupProps } from '.';
 declare const _default: {
     title: string;
-    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
+    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
         name?: string | undefined;
         label?: string | undefined;
         onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;

package/dist/components/Search/Search.stories.d.ts

@@ -14,7 +14,7 @@ declare const _default: {
             (props: import("./SearchAutocompleteWrapper").SearchAutocompleteWrapperProps): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
-        Suggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & Pick<SearchProps, "componentSize"> & {
+        Suggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
             suggestions?: string[] | undefined;
             showSuggestions?: boolean | undefined;
             onSuggestionClick?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;

package/dist/components/SkipToContent/SkipToContent.stories.d.ts

@@ -2,7 +2,7 @@
 import { SkipToContentProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
         text?: string | undefined;
         href: string;
         top?: import("csstype").Property.Top<0 | (string & {})> | undefined;

package/dist/components/Stack/Stack.stories.d.ts

@@ -2,7 +2,7 @@
 import { StackProps } from './Stack';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & Omit<import("./Stack").StackStyleProps, "direction"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Omit<import("./Stack").StackStyleProps, "direction"> & {
         children?: import("react").ReactNode;
     } & {
         htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -2,7 +2,7 @@
 import { TabsProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
         activeTab?: number | undefined;
         onChange?: ((index: number) => void) | undefined;
         tabContentDirection?: import("../../types").Direction | undefined;
@@ -14,7 +14,7 @@ declare const _default: {
     } & import("react").RefAttributes<HTMLDivElement>>;
     subcomponents: {
         TabList: import("react").ForwardRefExoticComponent<import("./TabList").TabListProps & import("react").RefAttributes<HTMLDivElement>>;
-        Tab: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "id" | "className"> & {
+        Tab: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "className" | "id"> & {
             active?: boolean | undefined;
             icon?: import("../../icons/utils").SvgIcon | undefined;
             focus?: boolean | undefined;
@@ -25,7 +25,7 @@ declare const _default: {
         } & {
             htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
         } & import("react").RefAttributes<HTMLButtonElement>>;
-        TabPanel: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+        TabPanel: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
             active?: boolean | undefined;
         } & {
             children?: import("react").ReactNode;

package/dist/components/Tag/Tag.stories.d.ts

@@ -2,7 +2,7 @@
 import { TagProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLSpanElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLSpanElement>, "className" | "id"> & {
         text?: string | undefined;
         purpose?: import("./Tag").TagPurpose | undefined;
     } & {

package/dist/components/ToggleButton/ToggleButton.stories.d.ts

@@ -2,11 +2,11 @@
 import { ToggleButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked">, "className" | "id"> & {
         label?: string | undefined;
         icon?: import("../../icons/utils").SvgIcon | undefined;
     } & import("../../types").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -2,7 +2,7 @@
 import { TooltipProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "className" | "id"> & {
         text: string;
         placement?: import("../..").Placement | undefined;
         children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;

package/dist/components/Typography/Caption/Caption.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & CaptionProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "className" | "id"> & {
         withMargins?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;

package/dist/components/Typography/Heading/Heading.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & HeadingProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "className" | "id"> & {
         level: import("./Heading").HeadingLevel;
         typographyType?: import("..").TypographyHeadingType | undefined;
     } & {

package/dist/components/Typography/Label/Label.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & LabelProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "className" | "id"> & {
         showRequiredStyling?: boolean | undefined;
     } & {
         withMargins?: boolean | undefined;

package/dist/components/Typography/Legend/Legend.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & LegendProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLLegendElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLLegendElement>, "className" | "id"> & {
         withMargins?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;

package/dist/components/Typography/Link/Link.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & LinkProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href" | "target">, "className" | "id"> & {
         external?: boolean | undefined;
         typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | undefined;
     } & {
@@ -13,11 +13,11 @@ declare const _default: {
     } & {
         children?: import("react").ReactNode;
     } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-        href?: string | undefined;
         onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+        href?: string | undefined;
         target?: import("react").HTMLAttributeAnchorTarget | undefined;
     } & {
-        htmlProps?: Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target"> | undefined;
+        htmlProps?: Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href" | "target"> | undefined;
     } & import("react").RefAttributes<HTMLAnchorElement>>;
     argTypes: {
         typographyType: {

package/dist/components/Typography/Paragraph/Paragraph.stories.d.ts

@@ -5,7 +5,7 @@ type StoryTProps = {
 } & ParagraphProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "className" | "id"> & {
         typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | import("..").TypographyLeadType | undefined;
     } & {
         withMargins?: boolean | undefined;

package/dist/index.d.ts

@@ -48,3 +48,4 @@ export * from './types/BaseComponentProps';
 export * from './helpers/ScreenSize';
 export * from './components/EmptyContent';
 export * from './components/BackLink';
+export * from './components/Feedback';

package/dist/index.js

@@ -234,3 +234,4 @@ export { getBaseHTMLProps, joinClassNames } from './types/BaseComponentProps.js'
 export { getLiteralScreenSize } from './helpers/ScreenSize/ScreenSize.utils.js';
 export { EmptyContent } from './components/EmptyContent/EmptyContent.js';
 export { BackLink } from './components/BackLink/BackLink.js';
+export { Feedback } from './components/Feedback/Feedback.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "13.5.0",
+  "version": "13.6.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",