@norges-domstoler/dds-components 9.5.0 → 10.0.0

package/dist/cjs/components/ProgressTracker/ProgressTracker.context.d.ts

@@ -1,5 +1,6 @@
 declare type ProgressTrackerContextType = {
     activeStep: number;
+    handleStepChange?: (index: number) => void;
 };
 export declare const ProgressTrackerContext: import("react").Context<ProgressTrackerContextType>;
 export declare const useProgressTrackerContext: () => ProgressTrackerContextType;

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

@@ -4,6 +4,10 @@ import { ProgressTrackerItem } from './ProgressTrackerItem';
 declare type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Indeksen til det aktive steget. */
     activeStep?: number;
+    /** Ekstra logikk ved klikking på et steg. */
+    onStepChange?: (step: number) => void;
+    /** Om brukeren kan hoppe mellom stegene via museklikk på et steg. */
+    clickable?: boolean;
 }>;
 declare type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
     Item: typeof ProgressTrackerItem;

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

@@ -2,6 +2,8 @@ declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         activeStep?: number | undefined;
+        onStepChange?: ((step: number) => void) | undefined;
+        clickable?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {

package/dist/cjs/components/Table/Body.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type BodyProps = HTMLAttributes<HTMLTableSectionElement>;
-export declare const Body: import("react").ForwardRefExoticComponent<BodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Body: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/cjs/components/Table/Foot.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type FootProps = HTMLAttributes<HTMLTableSectionElement>;
-export declare const Foot: import("react").ForwardRefExoticComponent<FootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Foot: import("react").ForwardRefExoticComponent<TableFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/cjs/components/Table/Head.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type HeadProps = HTMLAttributes<HTMLTableSectionElement>;
-export declare const Head: import("react").ForwardRefExoticComponent<HeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Head: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/cjs/components/Table/SortCell.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent } from 'react';
 import { TableCellProps } from './Cell';
 export declare type SortOrder = 'ascending' | 'descending';
-export declare type SortCellProps = {
+export declare type TableSortCellProps = {
     /**Spesifiserer om kolonnen er sortert. */
     isSorted?: boolean;
     /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */

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

@@ -1,11 +1,28 @@
-import { TableProps } from '.';
+import { TableProps, SortOrder } from '.';
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
         density?: import("./Table").TableDensity | undefined;
         stickyHeader?: boolean | undefined;
         withDividers?: boolean | undefined;
-    } & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;
+    } & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>> & {
+        Wrapper: ({ children, ...rest }: import("./TableWrapper").TableWrapperProps) => JSX.Element;
+        Head: import("react").ForwardRefExoticComponent<import("./Head").TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+        Body: import("react").ForwardRefExoticComponent<import("./Body").TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+        Foot: import("react").ForwardRefExoticComponent<import("./Foot").TableFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+        Row: import("react").ForwardRefExoticComponent<{
+            type?: import("./Row").TableRowType | undefined;
+            mode?: import("./Row").RowMode | undefined;
+            selected?: boolean | undefined;
+            hoverable?: boolean | undefined;
+        } & import("react").HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;
+        Cell: import("react").ForwardRefExoticComponent<import("./Cell").TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+        SortCell: import("react").ForwardRefExoticComponent<{
+            isSorted?: boolean | undefined;
+            sortOrder?: SortOrder | undefined;
+            onClick: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        } & Omit<import("./Cell").TableCellProps, "type"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    };
     argTypes: {
         stickyHeader: {
             control: {

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

@@ -1,8 +1,20 @@
-export * from './Table';
-export * from './Body';
-export * from './Head';
-export * from './Row';
-export * from './Cell';
-export * from './SortCell';
-export * from './Foot';
-export * from './TableWrapper';
+import { Table as BaseTable, TableProps, TableDensity } from './Table';
+import { Head, TableHeadProps } from './Head';
+import { Body, TableBodyProps } from './Body';
+import { Foot, TableFootProps } from './Foot';
+import { Row, TableRowProps, TableRowType } from './Row';
+import { Cell, TableCellProps, TableCellLayout, TableCellType } from './Cell';
+import { SortCell, TableSortCellProps, SortOrder } from './SortCell';
+import { TableWrapper } from './TableWrapper';
+declare type TableCompoundProps = typeof BaseTable & {
+    Wrapper: typeof TableWrapper;
+    Head: typeof Head;
+    Body: typeof Body;
+    Foot: typeof Foot;
+    Row: typeof Row;
+    Cell: typeof Cell;
+    SortCell: typeof SortCell;
+};
+declare const Table: TableCompoundProps;
+export { Table };
+export type { TableCellProps, TableDensity, TableProps, TableRowProps, TableRowType, TableHeadProps, TableBodyProps, TableFootProps, TableSortCellProps, SortOrder, TableCellLayout, TableCellType, };

package/dist/cjs/helpers/styling/index.d.ts

@@ -6,3 +6,4 @@ export * from './focus';
 export * from './danger';
 export * from './hideInput';
 export * from './selection';
+export * from './normalize';

package/dist/cjs/helpers/styling/normalize.d.ts

@@ -0,0 +1,5 @@
+import { Property } from 'csstype';
+export declare const normalizeButton: {
+    margin: number;
+    textTransform: Property.TextTransform;
+};

package/dist/cjs/index.js

@@ -422,6 +422,11 @@ var selection = {
   backgroundColor: colors$s.DdsColorTertiaryLightest
 };
 
+var normalizeButton = {
+  margin: 0,
+  textTransform: 'none'
+};
+
 var joinClassNames = function joinClassNames() {
   for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
     classNames[_key] = arguments[_key];
@@ -544,7 +549,7 @@ var getMarginStyling = function getMarginStyling(typographyType, element, withMa
   return withMargins ? styled.css(["", " margin-top:", ";margin-bottom:", ";", ""], isInlineElement(element) && element !== 'a' && styled.css(["display:block;"]), typographyTokens.typographyType[typographyType].margins.marginTop, typographyTokens.typographyType[typographyType].margins.marginBottom, styled.css(["padding-top:", ";"], typographyTokens.typographyType[typographyType].margins.paddingTop)) : styled.css(["margin:0;"]);
 };
 var getAnchorStyling = function getAnchorStyling(external, interactionStyling, typographyType, withMargins) {
-  return styled.css(["", " color:", ";width:fit-content;text-decoration:underline;@media (prefers-reduced-motion:no-preference){transition:", ";}", " &:hover{color:", ";", "}", " &:focus-visible,&.focus-visible,&:focus-visible::selection,&.focus-visible::selection{", "}"], typographyType ? styled.css(["", ";", ""], typographyTokens.typographyType[typographyType].base.font, getMarginStyling(typographyType, 'a', withMargins)) : styled.css(["font:inherit;", ""], getMarginStyling('a', 'a', withMargins)), typographyTokens.typographyType.a.base.color, focusVisibleLinkTransitionValue, external && styled.css(["padding-right:calc(1em + ", ");::after{mask:", " no-repeat center/contain;background:0 0;background-color:currentColor;width:1em;height:1em;content:'';position:absolute;margin-top:", ";margin-left:", ";}"], typographyTokens.typographyType.a.icon.marginLeft, "url(\"".concat(OpenExternalIcon$1, "\")"), typographyTokens.typographyType.a.icon.marginTop, typographyTokens.typographyType.a.icon.marginLeft), typographyTokens.typographyType.a.hover.color, interactionStyling && interactionStyling.hover && styled.css(["", ""], interactionStyling.hover), interactionStyling && interactionStyling.active && styled.css(["&:active{", "}"], interactionStyling.active), focusVisibleLink);
+  return styled.css(["", " color:", ";width:fit-content;text-decoration:underline;@media (prefers-reduced-motion:no-preference){transition:", ";}", " &:hover{color:", ";", "}", " &:focus-visible,&.focus-visible,&:focus-visible::selection,&.focus-visible::selection{", "}"], typographyType ? styled.css(["", ";", ""], typographyTokens.typographyType[typographyType].base.font, getMarginStyling(typographyType, 'a', withMargins)) : styled.css(["font:inherit;", ""], getMarginStyling('a', 'a', withMargins)), typographyTokens.typographyType.a.base.color, focusVisibleLinkTransitionValue, external && styled.css(["padding-right:calc(1em + ", ");position:relative;::after{mask:", " no-repeat center/contain;background:0 0;background-color:currentColor;width:1em;height:1em;content:'';position:absolute;margin-top:", ";margin-left:", ";}"], typographyTokens.typographyType.a.icon.marginLeft, "url(\"".concat(OpenExternalIcon$1, "\")"), typographyTokens.typographyType.a.icon.marginTop, typographyTokens.typographyType.a.icon.marginLeft), typographyTokens.typographyType.a.hover.color, interactionStyling && interactionStyling.hover && styled.css(["", ""], interactionStyling.hover), interactionStyling && interactionStyling.active && styled.css(["&:active{", "}"], interactionStyling.active), focusVisibleLink);
 };
 
 var combineHandlers = function combineHandlers(handler1, handler2) {
@@ -3272,7 +3277,7 @@ var getAppearanceAndPurposeStyling = function getAppearanceAndPurposeStyling(app
 var ButtonWrapper = styled__default["default"].button.withConfig({
   displayName: "Buttonstyles__ButtonWrapper",
   componentId: "sc-14dutqk-0"
-})(["border:", ";user-select:text;display:inline-flex;align-items:center;justify-content:center;height:fit-content;width:", ";cursor:pointer;box-shadow:none;text-decoration:none;@media (prefers-reduced-motion:no-preference){transition:background-color 0.2s,text-decoration-color 0.2s,box-shadow 0.2s,border-color 0.2s,color 0.2s,", ";}", " ", " ", " ", " ", " &:focus-visible,&.focus-visible{", "}*::selection{", "}"], base$1.border, function (_ref) {
+})(["", " border:", ";user-select:text;display:inline-flex;align-items:center;justify-content:center;height:fit-content;width:", ";cursor:pointer;box-shadow:none;text-decoration:none;@media (prefers-reduced-motion:no-preference){transition:background-color 0.2s,text-decoration-color 0.2s,box-shadow 0.2s,border-color 0.2s,color 0.2s,", ";}", " ", " ", " ", " ", " &:focus-visible,&.focus-visible{", "}*::selection{", "}"], normalizeButton, base$1.border, function (_ref) {
   var fullWidth = _ref.fullWidth;
   return fullWidth ? '100%' : 'fit-content';
 }, focusVisibleTransitionValue, function (_ref2) {
@@ -5356,7 +5361,7 @@ var Span = styled__default["default"].span.withConfig({
 var Link$2 = styled__default["default"].a.withConfig({
   displayName: "OverflowMenuItem__Link",
   componentId: "sc-1ka2asi-1"
-})(["text-align:left;user-select:text;border:none;cursor:pointer;outline:inherit;width:100%;", " @media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}&:hover{background-color:", ";}&:active{background-color:", ";}&:focus-visible,&.focus-visible{", "}"], elementBaseCSS, link$2.hover.backgroundColor, link$2.active.backgroundColor, focusVisibleLink);
+})(["", " text-align:left;user-select:text;border:none;cursor:pointer;outline:inherit;width:100%;", " @media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}&:hover{background-color:", ";}&:active{background-color:", ";}&:focus-visible,&.focus-visible{", "}"], normalizeButton, elementBaseCSS, link$2.hover.backgroundColor, link$2.active.backgroundColor, focusVisibleLink);
 var IconWrapper$1 = styled__default["default"].span.withConfig({
   displayName: "OverflowMenuItem__IconWrapper",
   componentId: "sc-1ka2asi-2"
@@ -5590,7 +5595,9 @@ var OuterContainer$3 = styled__default["default"].div.withConfig({
 var HorisontalContainer = styled__default["default"].div.withConfig({
   displayName: "Search__HorisontalContainer",
   componentId: "sc-1ax3s9s-3"
-})(["display:grid;grid-template-columns:1fr auto;gap:", ";"], horisontalContainer.gap);
+})(["", ""], function (props) {
+  return props.hasSearchButton && styled.css(["display:grid;grid-template-columns:1fr auto;gap:", ";"], horisontalContainer.gap);
+});
 var InputContainer = styled__default["default"].div.withConfig({
   displayName: "Search__InputContainer",
   componentId: "sc-1ax3s9s-4"
@@ -5641,13 +5648,16 @@ var Search$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onClick = _b.onClick,
     otherButtonProps = tslib.__rest(_b, ["label", "onClick"]);
   var hasSuggestions = !!context.suggestions;
+  var showSearchButton = !!buttonProps && !!onClick;
   return jsxRuntime.jsxs(OuterContainer$3, {
     children: [hasLabel && jsxRuntime.jsx(Label$2, Object.assign({
       htmlFor: uniqueId
     }, {
       children: label
     })), jsxRuntime.jsxs("div", {
-      children: [jsxRuntime.jsxs(HorisontalContainer, Object.assign({}, containerProps, {
+      children: [jsxRuntime.jsxs(HorisontalContainer, Object.assign({
+        hasSearchButton: showSearchButton
+      }, containerProps, {
         children: [jsxRuntime.jsxs(InputContainer, {
           children: [jsxRuntime.jsx(StyledIcon$1, {
             icon: SearchIcon,
@@ -5674,7 +5684,7 @@ var Search$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
               children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet."
             }))]
           })]
-        }), buttonProps && onClick && jsxRuntime.jsx(Button$1, Object.assign({
+        }), showSearchButton && jsxRuntime.jsx(Button$1, Object.assign({
           size: componentSize,
           label: buttonLabel || 'Søk',
           onClick: onClick
@@ -5863,7 +5873,7 @@ var StyledTable = styled__default["default"].table.withConfig({
   var withDividers = _ref3.withDividers;
   return withDividers && styled.css(["tr[type='body']{border-bottom:", ";}"], row$1.body.withDividers.borderBottom);
 });
-var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Table$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$density = _a.density,
     density = _a$density === void 0 ? 'normal' : _a$density,
     children = _a.children,
@@ -5877,6 +5887,21 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }));
 });
 
+var StyledHead = styled__default["default"].thead.withConfig({
+  displayName: "Head__StyledHead",
+  componentId: "sc-vzd2kv-0"
+})([""]);
+var Head = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var children = _a.children,
+    rest = tslib.__rest(_a, ["children"]);
+  var headProps = Object.assign({}, rest);
+  return jsxRuntime.jsx(StyledHead, Object.assign({
+    ref: ref
+  }, headProps, {
+    children: children
+  }));
+});
+
 var StyledBody = styled__default["default"].tbody.withConfig({
   displayName: "Body__StyledBody",
   componentId: "sc-67qjfs-0"
@@ -5892,17 +5917,17 @@ var Body$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }));
 });
 
-var StyledHead = styled__default["default"].thead.withConfig({
-  displayName: "Head__StyledHead",
-  componentId: "sc-vzd2kv-0"
+var StyledFoot = styled__default["default"].tfoot.withConfig({
+  displayName: "Foot__StyledFoot",
+  componentId: "sc-tfpehd-0"
 })([""]);
-var Head = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Foot = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var children = _a.children,
     rest = tslib.__rest(_a, ["children"]);
-  var headProps = Object.assign({}, rest);
-  return jsxRuntime.jsx(StyledHead, Object.assign({
+  var footProps = Object.assign({}, rest);
+  return jsxRuntime.jsx(StyledFoot, Object.assign({
     ref: ref
-  }, headProps, {
+  }, footProps, {
     children: children
   }));
 });
@@ -6007,7 +6032,7 @@ var cell = tableTokens.cell;
 var StyledButton$3 = styled__default["default"].button.withConfig({
   displayName: "SortCell__StyledButton",
   componentId: "sc-1l3jzvh-0"
-})(["user-select:text;", " display:flex;align-items:center;gap:", ";&:focus-visible{", "}"], removeButtonStyling, cell.sort.gap, focusVisible);
+})(["", " user-select:text;", " display:flex;align-items:center;gap:", ";&:focus-visible{", "}"], normalizeButton, removeButtonStyling, cell.sort.gap, focusVisible);
 var makeSortIcon = function makeSortIcon(isSorted, sortOrder) {
   if (!isSorted || !sortOrder) {
     return jsxRuntime.jsx(Icon, {
@@ -6043,21 +6068,6 @@ var SortCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }));
 });
 
-var StyledFoot = styled__default["default"].tfoot.withConfig({
-  displayName: "Foot__StyledFoot",
-  componentId: "sc-tfpehd-0"
-})([""]);
-var Foot = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var children = _a.children,
-    rest = tslib.__rest(_a, ["children"]);
-  var footProps = Object.assign({}, rest);
-  return jsxRuntime.jsx(StyledFoot, Object.assign({
-    ref: ref
-  }, footProps, {
-    children: children
-  }));
-});
-
 var Wrapper$4 = styled__default["default"].div.withConfig({
   displayName: "TableWrapper__Wrapper",
   componentId: "sc-eb384b-0"
@@ -6105,6 +6115,15 @@ var TableWrapper = function TableWrapper(_a) {
   }));
 };
 
+var Table = Table$1;
+Table.Wrapper = TableWrapper;
+Table.Head = Head;
+Table.Body = Body$1;
+Table.Cell = Cell;
+Table.SortCell = SortCell;
+Table.Row = Row;
+Table.Foot = Foot;
+
 var isAnchorTypographyProps = function isAnchorTypographyProps(props) {
   return props.href != undefined;
 };
@@ -6911,7 +6930,7 @@ var HeaderContainer$2 = styled__default["default"].div.withConfig({
 var HeaderWrapper = styled__default["default"].button.withConfig({
   displayName: "CardAccordionHeader__HeaderWrapper",
   componentId: "sc-1qs6bkj-2"
-})(["user-select:text;position:relative;cursor:pointer;@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s;}", " display:block;width:100%;&:hover{box-shadow:", ";}&:focus-visible,&.focus-visible{outline:none;box-shadow:", ";}"], removeButtonStyling, header.hover.boxShadow, header.focus.boxShadow);
+})(["", " user-select:text;position:relative;cursor:pointer;@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s;}", " display:block;width:100%;&:hover{box-shadow:", ";}&:focus-visible,&.focus-visible{outline:none;box-shadow:", ";}"], normalizeButton, removeButtonStyling, header.hover.boxShadow, header.focus.boxShadow);
 var ChevronWrapper = styled__default["default"].span.withConfig({
   displayName: "CardAccordionHeader__ChevronWrapper",
   componentId: "sc-1qs6bkj-3"
@@ -8555,7 +8574,7 @@ var tab = tabsTokens.tab;
 var Button = styled__default["default"].button.withConfig({
   displayName: "Tab__Button",
   componentId: "sc-1dd8soq-0"
-})(["", " user-select:text;display:flex;align-items:center;justify-content:center;border-bottom:", ";color:", ";padding:", ";", " @media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,border-bottom 0.2s,color 0.2s,", ";}", ";", " &:focus-visible{", " outline-offset:-1px;}&:hover{border-color:", ";color:", ";box-shadow:", ";}"], removeButtonStyling, tab.base.borderBottom, tab.base.color, tab.base.padding, getFontStyling(defaultTypographyType), focusVisibleTransitionValue, function (_ref) {
+})(["", " ", " user-select:text;display:flex;align-items:center;justify-content:center;border-bottom:", ";color:", ";padding:", ";", " @media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,border-bottom 0.2s,color 0.2s,", ";}", ";", " &:focus-visible{", " outline-offset:-1px;}&:hover{border-color:", ";color:", ";box-shadow:", ";}"], normalizeButton, removeButtonStyling, tab.base.borderBottom, tab.base.color, tab.base.padding, getFontStyling(defaultTypographyType), focusVisibleTransitionValue, function (_ref) {
   var direction = _ref.direction;
   return styled.css(["flex-direction:", ";gap:", ";"], direction, tab[direction].gap);
 }, function (_ref2) {
@@ -9483,11 +9502,12 @@ var ProgressTrackerItem = function ProgressTrackerItem(props) {
     icon = props.icon,
     children = props.children;
   var _useProgressTrackerCo = useProgressTrackerContext(),
-    activeStep = _useProgressTrackerCo.activeStep;
+    activeStep = _useProgressTrackerCo.activeStep,
+    handleStepChange = _useProgressTrackerCo.handleStepChange;
   var active = activeStep === index;
   var styleProps = {
     state: toItemState(active, completed, disabled),
-    clickable: props.onClick !== undefined
+    clickable: handleStepChange !== undefined
   };
   var stepNumberContent = React.useMemo(function () {
     if (completed) {
@@ -9508,9 +9528,9 @@ var ProgressTrackerItem = function ProgressTrackerItem(props) {
     "aria-current": active ? 'step' : undefined
   }, {
     children: jsxRuntime.jsxs(ItemContentWrapper, Object.assign({}, styleProps, {
-      as: props.onClick ? 'button' : 'div',
-      onClick: !disabled && props.onClick ? function () {
-        return props.onClick(index);
+      as: handleStepChange ? 'button' : 'div',
+      onClick: !disabled && handleStepChange ? function () {
+        return handleStepChange(index);
       } : undefined,
       disabled: disabled
     }, {
@@ -9542,14 +9562,21 @@ var ProgressTracker = function () {
     var id = props.id,
       _props$activeStep = props.activeStep,
       activeStep = _props$activeStep === void 0 ? 0 : _props$activeStep,
+      onStepChange = props.onStepChange,
+      _props$clickable = props.clickable,
+      clickable = _props$clickable === void 0 ? false : _props$clickable,
       children = props.children,
       className = props.className,
       htmlProps = props.htmlProps,
-      rest = tslib.__rest(props, ["id", "activeStep", "children", "className", "htmlProps"]);
+      rest = tslib.__rest(props, ["id", "activeStep", "onStepChange", "clickable", "children", "className", "htmlProps"]);
     var _useState = React.useState(activeStep),
       _useState2 = _slicedToArray(_useState, 2),
       thisActiveStep = _useState2[0],
       setActiveStep = _useState2[1];
+    var handleChange = function handleChange(step) {
+      setActiveStep(step);
+      onStepChange && onStepChange(step);
+    };
     React.useEffect(function () {
       if (activeStep !== undefined && activeStep != thisActiveStep) {
         setActiveStep(activeStep);
@@ -9566,7 +9593,8 @@ var ProgressTracker = function () {
     }, [children]);
     return jsxRuntime.jsx(ProgressTrackerContext.Provider, Object.assign({
       value: {
-        activeStep: thisActiveStep
+        activeStep: thisActiveStep,
+        handleStepChange: clickable ? handleChange : undefined
       }
     }, {
       children: jsxRuntime.jsx("div", Object.assign({
@@ -10021,7 +10049,6 @@ exports.AttachmentIcon = AttachmentIcon;
 exports.BarChartBoxedIcon = BarChartBoxedIcon;
 exports.BarChartIcon = BarChartIcon;
 exports.BlockIcon = BlockIcon;
-exports.Body = Body$1;
 exports.BookIcon = BookIcon;
 exports.Breadcrumb = Breadcrumb;
 exports.Breadcrumbs = Breadcrumbs;
@@ -10039,7 +10066,6 @@ exports.Card = Card;
 exports.CardAccordion = CardAccordion;
 exports.CardAccordionBody = CardAccordionBody;
 exports.CardAccordionHeader = CardAccordionHeader;
-exports.Cell = Cell;
 exports.ChatIcon = ChatIcon;
 exports.CheckCircledIcon = CheckCircledIcon;
 exports.CheckIcon = CheckIcon;
@@ -10095,14 +10121,12 @@ exports.FilterOffIcon = FilterOffIcon;
 exports.FindInPageIcon = FindInPageIcon;
 exports.FolderAddIcon = FolderAddIcon;
 exports.FolderIcon = FolderIcon;
-exports.Foot = Foot;
 exports.FullscreenExitIcon = FullscreenExitIcon;
 exports.FullscreenIcon = FullscreenIcon;
 exports.GavelIcon = GavelIcon;
 exports.GlobalMessage = GlobalMessage;
 exports.Grid = Grid;
 exports.GridChild = GridChild;
-exports.Head = Head;
 exports.Heading = Heading;
 exports.HelpFilledIcon = HelpFilledIcon;
 exports.HelpIcon = HelpIcon;
@@ -10176,7 +10200,6 @@ exports.ReceiptIcon = ReceiptIcon;
 exports.RedoIcon = RedoIcon;
 exports.RefreshIcon = RefreshIcon;
 exports.ReplayIcon = ReplayIcon;
-exports.Row = Row;
 exports.ScrollableContainer = ScrollableContainer;
 exports.Scrollbar = Scrollbar;
 exports.Search = Search;
@@ -10185,7 +10208,6 @@ exports.Select = Select;
 exports.SettingsIcon = SettingsIcon;
 exports.SkipToContent = SkipToContent;
 exports.SmsIcon = SmsIcon;
-exports.SortCell = SortCell;
 exports.Spinner = Spinner;
 exports.SplitButton = SplitButton;
 exports.StarFilledIcon = StarFilledIcon;
@@ -10197,7 +10219,6 @@ exports.TabList = TabList;
 exports.TabPanel = TabPanel;
 exports.TabPanels = TabPanels;
 exports.Table = Table;
-exports.TableWrapper = TableWrapper;
 exports.Tabs = Tabs;
 exports.Tag = Tag;
 exports.TextArea = TextArea;

package/dist/components/Button/Button.styles.js

@@ -4,6 +4,7 @@ import '../../helpers/styling/hover.js';
 import '../../helpers/styling/focus.js';
 import '../../helpers/styling/danger.js';
 import { selection } from '../../helpers/styling/selection.js';
+import { normalizeButton } from '../../helpers/styling/normalize.js';
 import { getFontStyling } from '../Typography/Typography.utils.js';
 import { typographyTypes, buttonTokens } from './Button.tokens.js';
 
@@ -25,7 +26,7 @@ var getAppearanceAndPurposeStyling = function getAppearanceAndPurposeStyling(app
 var ButtonWrapper = styled.button.withConfig({
   displayName: "Buttonstyles__ButtonWrapper",
   componentId: "sc-14dutqk-0"
-})(["border:", ";user-select:text;display:inline-flex;align-items:center;justify-content:center;height:fit-content;width:", ";cursor:pointer;box-shadow:none;text-decoration:none;@media (prefers-reduced-motion:no-preference){transition:background-color 0.2s,text-decoration-color 0.2s,box-shadow 0.2s,border-color 0.2s,color 0.2s,", ";}", " ", " ", " ", " ", " &:focus-visible,&.focus-visible{", "}*::selection{", "}"], base.border, function (_ref) {
+})(["", " border:", ";user-select:text;display:inline-flex;align-items:center;justify-content:center;height:fit-content;width:", ";cursor:pointer;box-shadow:none;text-decoration:none;@media (prefers-reduced-motion:no-preference){transition:background-color 0.2s,text-decoration-color 0.2s,box-shadow 0.2s,border-color 0.2s,color 0.2s,", ";}", " ", " ", " ", " ", " &:focus-visible,&.focus-visible{", "}*::selection{", "}"], normalizeButton, base.border, function (_ref) {
   var fullWidth = _ref.fullWidth;
   return fullWidth ? '100%' : 'fit-content';
 }, focusVisibleTransitionValue, function (_ref2) {

package/dist/components/Card/CardAccordion/CardAccordionHeader.js

@@ -17,6 +17,7 @@ import '../../../helpers/styling/hover.js';
 import '../../../helpers/styling/focus.js';
 import '../../../helpers/styling/danger.js';
 import '../../../helpers/styling/selection.js';
+import { normalizeButton } from '../../../helpers/styling/normalize.js';
 import { getBaseHTMLProps } from '../../../types/BaseComponentProps.js';
 import { getFontStyling } from '../../Typography/Typography.utils.js';
 
@@ -33,7 +34,7 @@ var HeaderContainer = styled.div.withConfig({
 var HeaderWrapper = styled.button.withConfig({
   displayName: "CardAccordionHeader__HeaderWrapper",
   componentId: "sc-1qs6bkj-2"
-})(["user-select:text;position:relative;cursor:pointer;@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s;}", " display:block;width:100%;&:hover{box-shadow:", ";}&:focus-visible,&.focus-visible{outline:none;box-shadow:", ";}"], removeButtonStyling, header.hover.boxShadow, header.focus.boxShadow);
+})(["", " user-select:text;position:relative;cursor:pointer;@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s;}", " display:block;width:100%;&:hover{box-shadow:", ";}&:focus-visible,&.focus-visible{outline:none;box-shadow:", ";}"], normalizeButton, removeButtonStyling, header.hover.boxShadow, header.focus.boxShadow);
 var ChevronWrapper = styled.span.withConfig({
   displayName: "CardAccordionHeader__ChevronWrapper",
   componentId: "sc-1qs6bkj-3"

package/dist/components/OverflowMenu/OverflowMenuItem.js

@@ -14,6 +14,7 @@ import '../../helpers/styling/hover.js';
 import '../../helpers/styling/focus.js';
 import '../../helpers/styling/danger.js';
 import '../../helpers/styling/selection.js';
+import { normalizeButton } from '../../helpers/styling/normalize.js';
 import { getFontStyling } from '../Typography/Typography.utils.js';
 
 var element = overflowMenuTokens.element,
@@ -26,7 +27,7 @@ var Span = styled.span.withConfig({
 var Link = styled.a.withConfig({
   displayName: "OverflowMenuItem__Link",
   componentId: "sc-1ka2asi-1"
-})(["text-align:left;user-select:text;border:none;cursor:pointer;outline:inherit;width:100%;", " @media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}&:hover{background-color:", ";}&:active{background-color:", ";}&:focus-visible,&.focus-visible{", "}"], elementBaseCSS, link.hover.backgroundColor, link.active.backgroundColor, focusVisibleLink);
+})(["", " text-align:left;user-select:text;border:none;cursor:pointer;outline:inherit;width:100%;", " @media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}&:hover{background-color:", ";}&:active{background-color:", ";}&:focus-visible,&.focus-visible{", "}"], normalizeButton, elementBaseCSS, link.hover.backgroundColor, link.active.backgroundColor, focusVisibleLink);
 var IconWrapper = styled.span.withConfig({
   displayName: "OverflowMenuItem__IconWrapper",
   componentId: "sc-1ka2asi-2"

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

@@ -1,5 +1,6 @@
 declare type ProgressTrackerContextType = {
     activeStep: number;
+    handleStepChange?: (index: number) => void;
 };
 export declare const ProgressTrackerContext: import("react").Context<ProgressTrackerContextType>;
 export declare const useProgressTrackerContext: () => ProgressTrackerContextType;

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

@@ -4,6 +4,10 @@ import { ProgressTrackerItem } from './ProgressTrackerItem';
 declare type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Indeksen til det aktive steget. */
     activeStep?: number;
+    /** Ekstra logikk ved klikking på et steg. */
+    onStepChange?: (step: number) => void;
+    /** Om brukeren kan hoppe mellom stegene via museklikk på et steg. */
+    clickable?: boolean;
 }>;
 declare type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
     Item: typeof ProgressTrackerItem;

package/dist/components/ProgressTracker/ProgressTracker.js

@@ -21,14 +21,21 @@ var ProgressTracker = function () {
     var id = props.id,
       _props$activeStep = props.activeStep,
       activeStep = _props$activeStep === void 0 ? 0 : _props$activeStep,
+      onStepChange = props.onStepChange,
+      _props$clickable = props.clickable,
+      clickable = _props$clickable === void 0 ? false : _props$clickable,
       children = props.children,
       className = props.className,
       htmlProps = props.htmlProps,
-      rest = __rest(props, ["id", "activeStep", "children", "className", "htmlProps"]);
+      rest = __rest(props, ["id", "activeStep", "onStepChange", "clickable", "children", "className", "htmlProps"]);
     var _useState = useState(activeStep),
       _useState2 = _slicedToArray(_useState, 2),
       thisActiveStep = _useState2[0],
       setActiveStep = _useState2[1];
+    var handleChange = function handleChange(step) {
+      setActiveStep(step);
+      onStepChange && onStepChange(step);
+    };
     useEffect(function () {
       if (activeStep !== undefined && activeStep != thisActiveStep) {
         setActiveStep(activeStep);
@@ -45,7 +52,8 @@ var ProgressTracker = function () {
     }, [children]);
     return jsx(ProgressTrackerContext.Provider, Object.assign({
       value: {
-        activeStep: thisActiveStep
+        activeStep: thisActiveStep,
+        handleStepChange: clickable ? handleChange : undefined
       }
     }, {
       children: jsx("div", Object.assign({

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

@@ -2,6 +2,8 @@ declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         activeStep?: number | undefined;
+        onStepChange?: ((step: number) => void) | undefined;
+        clickable?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {

package/dist/components/ProgressTracker/ProgressTrackerItem.js

@@ -103,11 +103,12 @@ var ProgressTrackerItem = function ProgressTrackerItem(props) {
     icon = props.icon,
     children = props.children;
   var _useProgressTrackerCo = useProgressTrackerContext(),
-    activeStep = _useProgressTrackerCo.activeStep;
+    activeStep = _useProgressTrackerCo.activeStep,
+    handleStepChange = _useProgressTrackerCo.handleStepChange;
   var active = activeStep === index;
   var styleProps = {
     state: toItemState(active, completed, disabled),
-    clickable: props.onClick !== undefined
+    clickable: handleStepChange !== undefined
   };
   var stepNumberContent = useMemo(function () {
     if (completed) {
@@ -128,9 +129,9 @@ var ProgressTrackerItem = function ProgressTrackerItem(props) {
     "aria-current": active ? 'step' : undefined
   }, {
     children: jsxs(ItemContentWrapper, Object.assign({}, styleProps, {
-      as: props.onClick ? 'button' : 'div',
-      onClick: !disabled && props.onClick ? function () {
-        return props.onClick(index);
+      as: handleStepChange ? 'button' : 'div',
+      onClick: !disabled && handleStepChange ? function () {
+        return handleStepChange(index);
       } : undefined,
       disabled: disabled
     }, {

package/dist/components/Search/Search.js

@@ -63,7 +63,9 @@ var OuterContainer = styled.div.withConfig({
 var HorisontalContainer = styled.div.withConfig({
   displayName: "Search__HorisontalContainer",
   componentId: "sc-1ax3s9s-3"
-})(["display:grid;grid-template-columns:1fr auto;gap:", ";"], horisontalContainer.gap);
+})(["", ""], function (props) {
+  return props.hasSearchButton && css(["display:grid;grid-template-columns:1fr auto;gap:", ";"], horisontalContainer.gap);
+});
 var InputContainer = styled.div.withConfig({
   displayName: "Search__InputContainer",
   componentId: "sc-1ax3s9s-4"
@@ -114,13 +116,16 @@ var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
     onClick = _b.onClick,
     otherButtonProps = __rest(_b, ["label", "onClick"]);
   var hasSuggestions = !!context.suggestions;
+  var showSearchButton = !!buttonProps && !!onClick;
   return jsxs(OuterContainer, {
     children: [hasLabel && jsx(Label, Object.assign({
       htmlFor: uniqueId
     }, {
       children: label
     })), jsxs("div", {
-      children: [jsxs(HorisontalContainer, Object.assign({}, containerProps, {
+      children: [jsxs(HorisontalContainer, Object.assign({
+        hasSearchButton: showSearchButton
+      }, containerProps, {
         children: [jsxs(InputContainer, {
           children: [jsx(StyledIcon, {
             icon: SearchIcon,
@@ -147,7 +152,7 @@ var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
               children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet."
             }))]
           })]
-        }), buttonProps && onClick && jsx(Button, Object.assign({
+        }), showSearchButton && jsx(Button, Object.assign({
           size: componentSize,
           label: buttonLabel || 'Søk',
           onClick: onClick

package/dist/components/Table/Body.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type BodyProps = HTMLAttributes<HTMLTableSectionElement>;
-export declare const Body: import("react").ForwardRefExoticComponent<BodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Body: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/components/Table/Foot.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type FootProps = HTMLAttributes<HTMLTableSectionElement>;
-export declare const Foot: import("react").ForwardRefExoticComponent<FootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Foot: import("react").ForwardRefExoticComponent<TableFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/components/Table/Head.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type HeadProps = HTMLAttributes<HTMLTableSectionElement>;
-export declare const Head: import("react").ForwardRefExoticComponent<HeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Head: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/components/Table/SortCell.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent } from 'react';
 import { TableCellProps } from './Cell';
 export declare type SortOrder = 'ascending' | 'descending';
-export declare type SortCellProps = {
+export declare type TableSortCellProps = {
     /**Spesifiserer om kolonnen er sortert. */
     isSorted?: boolean;
     /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */

package/dist/components/Table/SortCell.js

@@ -15,12 +15,13 @@ import '../../helpers/styling/hover.js';
 import '../../helpers/styling/focus.js';
 import '../../helpers/styling/danger.js';
 import '../../helpers/styling/selection.js';
+import { normalizeButton } from '../../helpers/styling/normalize.js';
 
 var cell = tableTokens.cell;
 var StyledButton = styled.button.withConfig({
   displayName: "SortCell__StyledButton",
   componentId: "sc-1l3jzvh-0"
-})(["user-select:text;", " display:flex;align-items:center;gap:", ";&:focus-visible{", "}"], removeButtonStyling, cell.sort.gap, focusVisible);
+})(["", " user-select:text;", " display:flex;align-items:center;gap:", ";&:focus-visible{", "}"], normalizeButton, removeButtonStyling, cell.sort.gap, focusVisible);
 var makeSortIcon = function makeSortIcon(isSorted, sortOrder) {
   if (!isSorted || !sortOrder) {
     return jsx(Icon, {

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

@@ -1,11 +1,28 @@
-import { TableProps } from '.';
+import { TableProps, SortOrder } from '.';
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
         density?: import("./Table").TableDensity | undefined;
         stickyHeader?: boolean | undefined;
         withDividers?: boolean | undefined;
-    } & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;
+    } & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>> & {
+        Wrapper: ({ children, ...rest }: import("./TableWrapper").TableWrapperProps) => JSX.Element;
+        Head: import("react").ForwardRefExoticComponent<import("./Head").TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+        Body: import("react").ForwardRefExoticComponent<import("./Body").TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+        Foot: import("react").ForwardRefExoticComponent<import("./Foot").TableFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+        Row: import("react").ForwardRefExoticComponent<{
+            type?: import("./Row").TableRowType | undefined;
+            mode?: import("./Row").RowMode | undefined;
+            selected?: boolean | undefined;
+            hoverable?: boolean | undefined;
+        } & import("react").HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;
+        Cell: import("react").ForwardRefExoticComponent<import("./Cell").TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+        SortCell: import("react").ForwardRefExoticComponent<{
+            isSorted?: boolean | undefined;
+            sortOrder?: SortOrder | undefined;
+            onClick: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        } & Omit<import("./Cell").TableCellProps, "type"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    };
     argTypes: {
         stickyHeader: {
             control: {

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

@@ -1,8 +1,20 @@
-export * from './Table';
-export * from './Body';
-export * from './Head';
-export * from './Row';
-export * from './Cell';
-export * from './SortCell';
-export * from './Foot';
-export * from './TableWrapper';
+import { Table as BaseTable, TableProps, TableDensity } from './Table';
+import { Head, TableHeadProps } from './Head';
+import { Body, TableBodyProps } from './Body';
+import { Foot, TableFootProps } from './Foot';
+import { Row, TableRowProps, TableRowType } from './Row';
+import { Cell, TableCellProps, TableCellLayout, TableCellType } from './Cell';
+import { SortCell, TableSortCellProps, SortOrder } from './SortCell';
+import { TableWrapper } from './TableWrapper';
+declare type TableCompoundProps = typeof BaseTable & {
+    Wrapper: typeof TableWrapper;
+    Head: typeof Head;
+    Body: typeof Body;
+    Foot: typeof Foot;
+    Row: typeof Row;
+    Cell: typeof Cell;
+    SortCell: typeof SortCell;
+};
+declare const Table: TableCompoundProps;
+export { Table };
+export type { TableCellProps, TableDensity, TableProps, TableRowProps, TableRowType, TableHeadProps, TableBodyProps, TableFootProps, TableSortCellProps, SortOrder, TableCellLayout, TableCellType, };

package/dist/components/Table/index.js

@@ -0,0 +1,19 @@
+import { Table as Table$1 } from './Table.js';
+import { Head } from './Head.js';
+import { Body } from './Body.js';
+import { Foot } from './Foot.js';
+import { Row } from './Row.js';
+import { Cell } from './Cell.js';
+import { SortCell } from './SortCell.js';
+import { TableWrapper } from './TableWrapper.js';
+
+var Table = Table$1;
+Table.Wrapper = TableWrapper;
+Table.Head = Head;
+Table.Body = Body;
+Table.Cell = Cell;
+Table.SortCell = SortCell;
+Table.Row = Row;
+Table.Foot = Foot;
+
+export { Table };

package/dist/components/Tabs/Tab.js

@@ -17,13 +17,14 @@ import '../../helpers/styling/hover.js';
 import '../../helpers/styling/focus.js';
 import '../../helpers/styling/danger.js';
 import '../../helpers/styling/selection.js';
+import { normalizeButton } from '../../helpers/styling/normalize.js';
 import { getFontStyling, defaultTypographyType } from '../Typography/Typography.utils.js';
 
 var tab = tabsTokens.tab;
 var Button = styled.button.withConfig({
   displayName: "Tab__Button",
   componentId: "sc-1dd8soq-0"
-})(["", " user-select:text;display:flex;align-items:center;justify-content:center;border-bottom:", ";color:", ";padding:", ";", " @media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,border-bottom 0.2s,color 0.2s,", ";}", ";", " &:focus-visible{", " outline-offset:-1px;}&:hover{border-color:", ";color:", ";box-shadow:", ";}"], removeButtonStyling, tab.base.borderBottom, tab.base.color, tab.base.padding, getFontStyling(defaultTypographyType), focusVisibleTransitionValue, function (_ref) {
+})(["", " ", " user-select:text;display:flex;align-items:center;justify-content:center;border-bottom:", ";color:", ";padding:", ";", " @media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,border-bottom 0.2s,color 0.2s,", ";}", ";", " &:focus-visible{", " outline-offset:-1px;}&:hover{border-color:", ";color:", ";box-shadow:", ";}"], normalizeButton, removeButtonStyling, tab.base.borderBottom, tab.base.color, tab.base.padding, getFontStyling(defaultTypographyType), focusVisibleTransitionValue, function (_ref) {
   var direction = _ref.direction;
   return css(["flex-direction:", ";gap:", ";"], direction, tab[direction].gap);
 }, function (_ref2) {

package/dist/components/Typography/Typography.utils.js

@@ -63,7 +63,7 @@ var getMarginStyling = function getMarginStyling(typographyType, element, withMa
   return withMargins ? css(["", " margin-top:", ";margin-bottom:", ";", ""], isInlineElement(element) && element !== 'a' && css(["display:block;"]), typographyTokens.typographyType[typographyType].margins.marginTop, typographyTokens.typographyType[typographyType].margins.marginBottom, css(["padding-top:", ";"], typographyTokens.typographyType[typographyType].margins.paddingTop)) : css(["margin:0;"]);
 };
 var getAnchorStyling = function getAnchorStyling(external, interactionStyling, typographyType, withMargins) {
-  return css(["", " color:", ";width:fit-content;text-decoration:underline;@media (prefers-reduced-motion:no-preference){transition:", ";}", " &:hover{color:", ";", "}", " &:focus-visible,&.focus-visible,&:focus-visible::selection,&.focus-visible::selection{", "}"], typographyType ? css(["", ";", ""], typographyTokens.typographyType[typographyType].base.font, getMarginStyling(typographyType, 'a', withMargins)) : css(["font:inherit;", ""], getMarginStyling('a', 'a', withMargins)), typographyTokens.typographyType.a.base.color, focusVisibleLinkTransitionValue, external && css(["padding-right:calc(1em + ", ");::after{mask:", " no-repeat center/contain;background:0 0;background-color:currentColor;width:1em;height:1em;content:'';position:absolute;margin-top:", ";margin-left:", ";}"], typographyTokens.typographyType.a.icon.marginLeft, "url(\"".concat(OpenExternalIcon, "\")"), typographyTokens.typographyType.a.icon.marginTop, typographyTokens.typographyType.a.icon.marginLeft), typographyTokens.typographyType.a.hover.color, interactionStyling && interactionStyling.hover && css(["", ""], interactionStyling.hover), interactionStyling && interactionStyling.active && css(["&:active{", "}"], interactionStyling.active), focusVisibleLink);
+  return css(["", " color:", ";width:fit-content;text-decoration:underline;@media (prefers-reduced-motion:no-preference){transition:", ";}", " &:hover{color:", ";", "}", " &:focus-visible,&.focus-visible,&:focus-visible::selection,&.focus-visible::selection{", "}"], typographyType ? css(["", ";", ""], typographyTokens.typographyType[typographyType].base.font, getMarginStyling(typographyType, 'a', withMargins)) : css(["font:inherit;", ""], getMarginStyling('a', 'a', withMargins)), typographyTokens.typographyType.a.base.color, focusVisibleLinkTransitionValue, external && css(["padding-right:calc(1em + ", ");position:relative;::after{mask:", " no-repeat center/contain;background:0 0;background-color:currentColor;width:1em;height:1em;content:'';position:absolute;margin-top:", ";margin-left:", ";}"], typographyTokens.typographyType.a.icon.marginLeft, "url(\"".concat(OpenExternalIcon, "\")"), typographyTokens.typographyType.a.icon.marginTop, typographyTokens.typographyType.a.icon.marginLeft), typographyTokens.typographyType.a.hover.color, interactionStyling && interactionStyling.hover && css(["", ""], interactionStyling.hover), interactionStyling && interactionStyling.active && css(["&:active{", "}"], interactionStyling.active), focusVisibleLink);
 };
 
 export { defaultTypographyType, getAdditionalFontStyle, getAnchorStyling, getElementType, getFontStyling, getMarginStyling, inlineElements, isInlineElement };

package/dist/helpers/styling/index.d.ts

@@ -6,3 +6,4 @@ export * from './focus';
 export * from './danger';
 export * from './hideInput';
 export * from './selection';
+export * from './normalize';

package/dist/helpers/styling/normalize.d.ts

@@ -0,0 +1,5 @@
+import { Property } from 'csstype';
+export declare const normalizeButton: {
+    margin: number;
+    textTransform: Property.TextTransform;
+};

package/dist/helpers/styling/normalize.js

@@ -0,0 +1,6 @@
+var normalizeButton = {
+  margin: 0,
+  textTransform: 'none'
+};
+
+export { normalizeButton };

package/dist/index.js

@@ -16,14 +16,7 @@ export { Heading } from './components/Typography/Heading/Heading.js';
 export { Link } from './components/Typography/Link/Link.js';
 export { Legend } from './components/Typography/Legend/Legend.js';
 export { Caption } from './components/Typography/Caption/Caption.js';
-export { Table } from './components/Table/Table.js';
-export { Body } from './components/Table/Body.js';
-export { Head } from './components/Table/Head.js';
-export { Row } from './components/Table/Row.js';
-export { Cell } from './components/Table/Cell.js';
-export { SortCell } from './components/Table/SortCell.js';
-export { Foot } from './components/Table/Foot.js';
-export { TableWrapper } from './components/Table/TableWrapper.js';
+export { Table } from './components/Table/index.js';
 export { Breadcrumb } from './components/Breadcrumbs/Breadcrumb.js';
 export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
 export { Icon } from './components/Icon/Icon.js';

package/package.json

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