@norges-domstoler/dds-components 13.8.1 → 13.8.3

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

@@ -1,49 +0,0 @@
-/// <reference types="react" />
-import { CollapsibleTableProps } from '..';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        isCollapsed?: boolean | undefined;
-        headerValues: import("../Table.types").HeaderValues;
-        definingColumnIndex?: number[] | undefined;
-    } & {
-        density?: import("..").TableDensity | undefined;
-        stickyHeader?: boolean | undefined;
-        withDividers?: boolean | undefined;
-    } & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>> & {
-        Row: import("react").ForwardRefExoticComponent<{
-            type?: import("..").TableRowType | undefined;
-            mode?: import("../Table.types").RowMode | undefined;
-            selected?: boolean | undefined;
-            hoverable?: boolean | undefined;
-        } & import("react").HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;
-    };
-    argTypes: {
-        isCollapsed: {
-            control: {
-                type: string;
-            };
-        };
-        stickyHeader: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const SingleDefiningColumn: (args: CollapsibleTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MultipleDefiningColumns: (args: CollapsibleTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PrioritizedDefiningColumns: (args: CollapsibleTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithDividers: (args: CollapsibleTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Compact: (args: CollapsibleTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const StickyHeader: (args: CollapsibleTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithButtonAndIcons: (args: CollapsibleTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Responsive: (args: CollapsibleTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ResposiveMultipleBreakpoints: (args: CollapsibleTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Example: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/collapsible/Table.context.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { HeaderValues } from '../Table.types';
-type CollapsibleTableContextProps = {
-    isCollapsed?: boolean;
-    headerValues: HeaderValues;
-    definingColumnIndex: number[];
-};
-export declare const CollapsibleTableContext: import("react").Context<CollapsibleTableContextProps>;
-export declare const useCollapsibleTableContext: () => CollapsibleTableContextProps;
-export {};

package/dist/components/Table/collapsible/Table.context.js

@@ -1,11 +0,0 @@
-import { createContext, useContext } from 'react';
-
-var CollapsibleTableContext = /*#__PURE__*/createContext({
-  headerValues: [],
-  definingColumnIndex: [0]
-});
-var useCollapsibleTableContext = function useCollapsibleTableContext() {
-  return useContext(CollapsibleTableContext);
-};
-
-export { CollapsibleTableContext, useCollapsibleTableContext };

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

@@ -1,28 +0,0 @@
-import { Table as BaseTable } from './Table';
-import { CollapsibleTable as BaseCollapsibleTable } from './collapsible/CollapsibleTable';
-import { TableProps, TableDensity, CollapsibleTableProps, TableRowProps, TableRowType } from './Table.types';
-import { Head, TableHeadProps } from './Head';
-import { Body, TableBodyProps } from './Body';
-import { Foot, TableFootProps } from './Foot';
-import { Row } from './Row';
-import { CollapsibleRow } from './collapsible/CollapsibleRow';
-import { Cell, TableCellProps, TableCellLayout, TableCellType } from './Cell';
-import { SortCell, TableSortCellProps, SortOrder } from './SortCell';
-import { TableWrapper } from './TableWrapper';
-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;
-type CollapsibleTableCompoundProps = typeof BaseCollapsibleTable & {
-    Row: typeof CollapsibleRow;
-};
-declare const CollapsibleTable: CollapsibleTableCompoundProps;
-export { Table };
-export { CollapsibleTable };
-export type { TableCellProps, TableDensity, TableProps, TableRowProps, TableRowType, TableHeadProps, TableBodyProps, TableFootProps, TableSortCellProps, SortOrder, TableCellLayout, TableCellType, CollapsibleTableProps, };

package/dist/components/Table/index.js

@@ -1,23 +0,0 @@
-import { Table as Table$1 } from './Table.js';
-import { CollapsibleTable as CollapsibleTable$1 } from './collapsible/CollapsibleTable.js';
-import { Head } from './Head.js';
-import { Body } from './Body.js';
-import { Foot } from './Foot.js';
-import { Row } from './Row.js';
-import { CollapsibleRow } from './collapsible/CollapsibleRow.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;
-var CollapsibleTable = CollapsibleTable$1;
-CollapsibleTable.Row = CollapsibleRow;
-
-export { CollapsibleTable, Table };

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

@@ -1,17 +0,0 @@
-import { SortOrder } from './SortCell';
-export type HeaderCellToSort = {
-    name: string;
-    dataName: string;
-    sortOrder?: SortOrder | 'none';
-    isSorted?: boolean;
-};
-export declare const headerCells: HeaderCellToSort[];
-export type CellDataToSort = {
-    name: string;
-    fnumber: string;
-    employer: string;
-    orgnumber: string;
-    percentage: string;
-};
-export declare const data: CellDataToSort[];
-export declare const mapCellContents: (data: CellDataToSort[], headerCells: HeaderCellToSort[]) => string[][];

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

@@ -1,31 +0,0 @@
-import { ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-export type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
-    /**Spesifiserer om fanen er aktiv. */
-    active?: boolean;
-    /** Ikon. */
-    icon?: SvgIcon;
-    /** Spesifiserer om `<Tab />` skal ha fokus. **OBS!** settes automatisk av forelder.*/
-    focus?: boolean;
-    /**  Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
-    setFocus?: Dispatch<SetStateAction<number>>;
-    /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
-    index?: number;
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
-export declare const Tab: import("react").ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "className" | "id"> & {
-    /**Spesifiserer om fanen er aktiv. */
-    active?: boolean | undefined;
-    /** Ikon. */
-    icon?: SvgIcon | undefined;
-    /** Spesifiserer om `<Tab />` skal ha fokus. **OBS!** settes automatisk av forelder.*/
-    focus?: boolean | undefined;
-    /**  Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
-    setFocus?: Dispatch<SetStateAction<number>> | undefined;
-    /** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
-    index?: number | undefined;
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Tabs/Tab.js

@@ -1,89 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useEffect, useCallback } from 'react';
-import styled, { css } from 'styled-components';
-import { normalizeButton, removeButtonStyling, useCombinedRef, useOnKeyDown, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { Icon } from '@norges-domstoler/dds-icons';
-import { getFontStyling, defaultTypographyType } from '@norges-domstoler/dds-typography';
-import { focusVisibleTransitionValue, focusVisible } from '@norges-domstoler/dds-form';
-import { tabsTokens } from './Tabs.tokens.js';
-import { useTabsContext } from './Tabs.context.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:", ";}"], 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) {
-  var active = _ref2.active;
-  return active && css(["background-color:", ";border-color:", ";color:", ";box-shadow:", ";"], tab.active.backgroundColor, tab.active.borderColor, tab.active.color, tab.active.boxShadow);
-}, focusVisible, tab.hover.borderColor, tab.hover.color, tab.hover.boxShadow);
-var Tab = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$active = props.active,
-    active = _props$active === void 0 ? false : _props$active,
-    icon = props.icon,
-    children = props.children,
-    focus = props.focus,
-    setFocus = props.setFocus,
-    index = props.index,
-    onClick = props.onClick,
-    onKeyDown = props.onKeyDown,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["active", "icon", "children", "focus", "setFocus", "index", "onClick", "onKeyDown", "id", "className", "htmlProps"]);
-  var itemRef = useRef(null);
-  var combinedRef = useCombinedRef(ref, itemRef);
-  var _useTabsContext = useTabsContext(),
-    tabPanelsRef = _useTabsContext.tabPanelsRef,
-    setHasTabFocus = _useTabsContext.setHasTabFocus,
-    tabContentDirection = _useTabsContext.tabContentDirection;
-  useEffect(function () {
-    var _a;
-    if (focus) {
-      (_a = itemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-      setHasTabFocus(true);
-    }
-  }, [focus]);
-  useOnKeyDown('Tab', function () {
-    var _a;
-    setHasTabFocus(false);
-    (_a = tabPanelsRef === null || tabPanelsRef === void 0 ? void 0 : tabPanelsRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-  });
-  var handleSelect = useCallback(function () {
-    if (setFocus && index) {
-      setFocus(index);
-    }
-  }, [index, setFocus]);
-  var handleOnClick = function handleOnClick(e) {
-    handleSelect();
-    onClick && onClick(e);
-  };
-  var handleOnKeyDown = function handleOnKeyDown(e) {
-    handleSelect();
-    onKeyDown && onKeyDown(e);
-  };
-  var buttonProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    ref: combinedRef,
-    'aria-selected': active,
-    role: 'tab',
-    active: active,
-    direction: tabContentDirection,
-    onClick: handleOnClick,
-    onKeyDown: handleOnKeyDown,
-    tabIndex: focus ? 0 : -1
-  });
-  return jsxs(Button, Object.assign({}, buttonProps, {
-    children: [icon && jsx(Icon, {
-      icon: icon,
-      iconSize: "inherit"
-    }), jsx("span", {
-      children: children
-    })]
-  }));
-});
-Tab.displayName = 'Tab';
-
-export { Tab };

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

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type TabListProps = HTMLAttributes<HTMLDivElement>;
-export declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Tabs/TabList.js

@@ -1,78 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, Children, isValidElement, cloneElement } from 'react';
-import styled from 'styled-components';
-import { useRoveFocus, useCombinedRef, useOnKeyDown, useOnClickOutside } from '@norges-domstoler/dds-core';
-import { focusVisibleTransitionValue, focusVisible } from '@norges-domstoler/dds-form';
-import { tabsTokens } from './Tabs.tokens.js';
-import { useTabsContext } from './Tabs.context.js';
-import '../ScrollableContainer/Scrollbar.js';
-import '../ScrollableContainer/ScrollableContainer.js';
-import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.js';
-
-var tabList = tabsTokens.tabList;
-var TabRow = styled.div.withConfig({
-  displayName: "TabList__TabRow",
-  componentId: "sc-1ldr0lz-0"
-})(["border-bottom:", ";display:grid;grid-auto-flow:column;grid-auto-columns:1fr;overflow-x:auto;", " ", " scroll-snap-type:x mandatory;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth;transition:", ";}&:focus-visible{", "}&:focus-visible button{outline:none;}"], tabList.borderBottom, scrollbarStyling.webkit, scrollbarStyling.firefox, focusVisibleTransitionValue, focusVisible);
-var TabList = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var children = _a.children,
-    id = _a.id,
-    onFocus = _a.onFocus,
-    rest = __rest(_a, ["children", "id", "onFocus"]);
-  var _useTabsContext = useTabsContext(),
-    activeTab = _useTabsContext.activeTab,
-    tabsId = _useTabsContext.tabsId,
-    handleTabChange = _useTabsContext.handleTabChange,
-    tabListRef = _useTabsContext.tabListRef,
-    hasTabFocus = _useTabsContext.hasTabFocus,
-    tabPanelsRef = _useTabsContext.tabPanelsRef,
-    setHasTabFocus = _useTabsContext.setHasTabFocus;
-  var uniqueId = id !== null && id !== void 0 ? id : "".concat(tabsId, "-tablist");
-  var childrenArray = Children.toArray(children).length;
-  var _useRoveFocus = useRoveFocus(childrenArray, !hasTabFocus, 'row'),
-    _useRoveFocus2 = _slicedToArray(_useRoveFocus, 2),
-    focus = _useRoveFocus2[0],
-    setFocus = _useRoveFocus2[1];
-  var combinedRef = useCombinedRef(ref, tabListRef);
-  var tabListChildren = Children.map(children, function (child, index) {
-    return /*#__PURE__*/isValidElement(child) && /*#__PURE__*/cloneElement(child, {
-      id: "".concat(tabsId, "-tab-").concat(index),
-      'aria-controls': "".concat(tabsId, "-panel-").concat(index),
-      active: activeTab === index,
-      index: index,
-      focus: focus === index && hasTabFocus,
-      setFocus: setFocus,
-      onClick: function onClick() {
-        return handleTabChange(index);
-      }
-    });
-  });
-  useOnKeyDown('Tab', function () {
-    var _a;
-    setHasTabFocus(false);
-    (_a = tabPanelsRef === null || tabPanelsRef === void 0 ? void 0 : tabPanelsRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-  });
-  useOnClickOutside((tabListRef === null || tabListRef === void 0 ? void 0 : tabListRef.current) || null, function () {
-    setHasTabFocus(false);
-  });
-  var handleOnFocus = function handleOnFocus(event) {
-    setHasTabFocus(true);
-    onFocus && onFocus(event);
-  };
-  var tabListProps = Object.assign(Object.assign({}, rest), {
-    ref: combinedRef,
-    role: 'tablist',
-    'aria-label': 'Bruk venste og høyre piltast for å bla',
-    id: uniqueId,
-    tabIndex: 0,
-    onFocus: handleOnFocus
-  });
-  return jsx(TabRow, Object.assign({}, tabListProps, {
-    children: tabListChildren
-  }));
-});
-TabList.displayName = 'TabList';
-
-export { TabList };

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
-    active?: boolean;
-}>;
-export declare const TabPanel: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-    /** Spesifiserer om panelet skal vises basert på aktiv fane. */
-    active?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Tabs/TabPanel.js

@@ -1,37 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { focusVisibleTransitionValue, focusVisible } from '@norges-domstoler/dds-form';
-import { tabsTokens } from './Tabs.tokens.js';
-
-var panel = tabsTokens.panel;
-var Panel = styled.div.withConfig({
-  displayName: "TabPanel__Panel",
-  componentId: "sc-vkzivq-0"
-})(["padding:", ";@media (prefers-reduced-motion:no-preference){transition:", ";}", " &:focus-visible{", "}"], panel.padding, focusVisibleTransitionValue, function (_ref) {
-  var active = _ref.active;
-  return !active && css(["display:none;"]);
-}, focusVisible);
-var TabPanel = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _a$active = _a.active,
-    active = _a$active === void 0 ? false : _a$active,
-    children = _a.children,
-    id = _a.id,
-    className = _a.className,
-    htmlProps = _a.htmlProps,
-    rest = __rest(_a, ["active", "children", "id", "className", "htmlProps"]);
-  var panelProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    ref: ref,
-    tabIndex: 0,
-    role: 'tabpanel',
-    active: active
-  });
-  return jsx(Panel, Object.assign({}, panelProps, {
-    children: children
-  }));
-});
-TabPanel.displayName = 'TabPanel';
-
-export { TabPanel };

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

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type TabPanelsProps = HTMLAttributes<HTMLDivElement>;
-export declare const TabPanels: import("react").ForwardRefExoticComponent<TabPanelsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Tabs/TabPanels.js

@@ -1,32 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, Children, isValidElement, cloneElement } from 'react';
-import { useCombinedRef } from '@norges-domstoler/dds-core';
-import { useTabsContext } from './Tabs.context.js';
-
-var TabPanels = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var children = _a.children,
-    rest = __rest(_a, ["children"]);
-  var _useTabsContext = useTabsContext(),
-    activeTab = _useTabsContext.activeTab,
-    tabsId = _useTabsContext.tabsId,
-    tabPanelsRef = _useTabsContext.tabPanelsRef;
-  var combinedRef = useCombinedRef(ref, tabPanelsRef);
-  var panelChildren = Children.map(children, function (child, index) {
-    var active = index === activeTab;
-    return /*#__PURE__*/isValidElement(child) && /*#__PURE__*/cloneElement(child, {
-      id: "".concat(tabsId, "-panel-").concat(index),
-      'aria-labelledby': "".concat(tabsId, "-tab-").concat(index),
-      active: active,
-      'aria-expanded': active
-    });
-  });
-  return jsx("div", Object.assign({
-    ref: combinedRef
-  }, rest, {
-    children: panelChildren
-  }));
-});
-TabPanels.displayName = 'TabPanels';
-
-export { TabPanels };

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

@@ -1,15 +0,0 @@
-import { RefObject } from 'react';
-import { Direction } from '@norges-domstoler/dds-core';
-type Tabs = {
-    activeTab: number;
-    tabsId: string;
-    handleTabChange: (index: number) => void;
-    tabListRef: RefObject<HTMLDivElement> | null;
-    tabPanelsRef: RefObject<HTMLDivElement> | null;
-    hasTabFocus: boolean;
-    setHasTabFocus: (hasFocus: boolean) => void;
-    tabContentDirection: Direction;
-};
-export declare const TabsContext: import("react").Context<Tabs>;
-export declare const useTabsContext: () => Tabs;
-export {};

package/dist/components/Tabs/Tabs.context.js

@@ -1,21 +0,0 @@
-import { createContext, useContext } from 'react';
-
-var TabsContext = /*#__PURE__*/createContext({
-  activeTab: 0,
-  tabsId: '',
-  handleTabChange: function handleTabChange() {
-    return null;
-  },
-  tabListRef: null,
-  tabPanelsRef: null,
-  hasTabFocus: false,
-  setHasTabFocus: function setHasTabFocus() {
-    return null;
-  },
-  tabContentDirection: 'row'
-});
-var useTabsContext = function useTabsContext() {
-  return useContext(TabsContext);
-};
-
-export { TabsContext, useTabsContext };

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

@@ -1,27 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { BaseComponentPropsWithChildren, Direction } from '@norges-domstoler/dds-core';
-import { Property } from 'csstype';
-export type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
-    activeTab?: number;
-    /** Ekstra logikk ved endring av aktiv fane. */
-    onChange?: (index: number) => void;
-    /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
-    tabContentDirection?: Direction;
-    /**Bredde for hele komponenten. */
-    width?: Property.Width;
-}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-export declare const Tabs: import("react").ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
-    /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
-    activeTab?: number | undefined;
-    /** Ekstra logikk ved endring av aktiv fane. */
-    onChange?: ((index: number) => void) | undefined;
-    /** Retningen ikon og tekst vises i `<Tab />`-elementer. */
-    tabContentDirection?: Direction | undefined;
-    /**Bredde for hele komponenten. */
-    width?: Property.Width<0 | (string & {})> | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Tabs/Tabs.js

@@ -1,70 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import styled, { css } from 'styled-components';
-import { forwardRef, useId, useState, useRef, useEffect } from 'react';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { TabsContext } from './Tabs.context.js';
-
-var Container = styled.div.withConfig({
-  displayName: "Tabs__Container",
-  componentId: "sc-7ta5g2-0"
-})(["", ";"], function (_ref) {
-  var width = _ref.width;
-  return width && css(["width:", ";"], width);
-});
-var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
-  var id = props.id,
-    activeTab = props.activeTab,
-    onChange = props.onChange,
-    _props$tabContentDire = props.tabContentDirection,
-    tabContentDirection = _props$tabContentDire === void 0 ? 'row' : _props$tabContentDire,
-    width = props.width,
-    children = props.children,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["id", "activeTab", "onChange", "tabContentDirection", "width", "children", "className", "htmlProps"]);
-  var generatedId = useId();
-  var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-tabs");
-  var _useState = useState(activeTab || 0),
-    _useState2 = _slicedToArray(_useState, 2),
-    thisActiveTab = _useState2[0],
-    setActiveTab = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hasTabFocus = _useState4[0],
-    setHasTabFocus = _useState4[1];
-  var tabListRef = useRef(null);
-  var tabPanelsRef = useRef(null);
-  var handleTabChange = function handleTabChange(index) {
-    setActiveTab(index);
-    onChange && onChange(index);
-  };
-  useEffect(function () {
-    if (activeTab !== undefined && activeTab !== thisActiveTab) {
-      setActiveTab(activeTab);
-    }
-  }, [activeTab, thisActiveTab]);
-  var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest)), {
-    ref: ref
-  });
-  return jsx(TabsContext.Provider, {
-    value: {
-      tabsId: uniqueId,
-      activeTab: thisActiveTab,
-      handleTabChange: handleTabChange,
-      tabListRef: tabListRef,
-      tabPanelsRef: tabPanelsRef,
-      hasTabFocus: hasTabFocus,
-      setHasTabFocus: setHasTabFocus,
-      tabContentDirection: tabContentDirection
-    },
-    children: jsx(Container, Object.assign({}, containerProps, {
-      width: width,
-      children: children
-    }))
-  });
-});
-Tabs.displayName = 'Tabs';
-
-export { Tabs };

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

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import { TabsProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
-        activeTab?: number | undefined;
-        onChange?: ((index: number) => void) | undefined;
-        tabContentDirection?: import("@norges-domstoler/dds-core").Direction | undefined;
-        width?: import("csstype").Property.Width<0 | (string & {})> | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-    } & 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">, "className" | "id"> & {
-            active?: boolean | undefined;
-            icon?: import("@norges-domstoler/dds-icons").SvgIcon | undefined;
-            focus?: boolean | undefined;
-            setFocus?: import("react").Dispatch<import("react").SetStateAction<number>> | undefined;
-            index?: number | undefined;
-        } & Pick<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
-            children?: import("react").ReactNode;
-        } & {
-            htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
-        } & import("react").RefAttributes<HTMLButtonElement>>;
-        TabPanel: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-            active?: boolean | undefined;
-        } & {
-            children?: import("react").ReactNode;
-        } & {
-            htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-        TabPanels: import("react").ForwardRefExoticComponent<import("./TabPanels").TabPanelsProps & import("react").RefAttributes<HTMLDivElement>>;
-    };
-    argTypes: {
-        activeTab: {
-            control: string;
-        };
-        tabWidth: {
-            control: string;
-        };
-    };
-};
-export default _default;
-export declare const Overview: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: TabsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithIcon: (args: TabsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ActiveTab: (args: TabsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithWidth: (args: TabsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TabLongNames: (args: TabsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ManyTabs: (args: TabsProps) => import("react/jsx-runtime").JSX.Element;