@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/ScrollableContainer/ScrollableContainer.tokens.js

@@ -1,36 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var scrollbarWidthNumberPx = 10;
-var scrollbarWidth = "".concat(scrollbarWidthNumberPx, "px");
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing;
-var track = {
-  backgroundColor: 'transparent',
-  borderRadius: '100px',
-  width: scrollbarWidth
-};
-var thumb = {
-  base: {
-    backgroundColor: colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.35)',
-    borderRadius: '100px',
-    width: scrollbarWidth
-  },
-  hover: {
-    backgroundColor: colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.5)'
-  }
-};
-var content = {
-  paddingRight: spacing.SizesDdsSpacingLocalX05
-};
-var outerContainer = {
-  padding: spacing.SizesDdsSpacingLocalX025
-};
-var scrollbarTokens = {
-  minThumbHeightPx: 15,
-  track: track,
-  thumb: thumb,
-  content: content,
-  outerContainer: outerContainer
-};
-
-export { scrollbarTokens, scrollbarWidthNumberPx };

package/dist/components/ScrollableContainer/Scrollbar.d.ts

@@ -1,10 +0,0 @@
-import { RefObject } from 'react';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-export type ScrollbarProps = BaseComponentProps<HTMLDivElement, {
-    /** Ref til container med innholdet som skal scrolles. */
-    contentRef?: RefObject<HTMLDivElement>;
-}>;
-export declare const Scrollbar: {
-    (props: ScrollbarProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};

package/dist/components/ScrollableContainer/Scrollbar.js

@@ -1,164 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, useEffect } from 'react';
-import styled from 'styled-components';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { scrollbarTokens } from './ScrollableContainer.tokens.js';
-
-var track = scrollbarTokens.track,
-  thumb = scrollbarTokens.thumb,
-  minThumbHeightPx = scrollbarTokens.minThumbHeightPx;
-var ScrollbarOuterWrapper = styled.div.withConfig({
-  displayName: "Scrollbar__ScrollbarOuterWrapper",
-  componentId: "sc-mphi5n-0"
-})([""]);
-var ScrollbarElements = styled.div.withConfig({
-  displayName: "Scrollbar__ScrollbarElements",
-  componentId: "sc-mphi5n-1"
-})(["display:block;height:100%;position:relative;display:grid;justify-items:center;"]);
-var Track = styled.div.withConfig({
-  displayName: "Scrollbar__Track",
-  componentId: "sc-mphi5n-2"
-})(["bottom:0;top:0;position:absolute;background-color:", ";border-radius:", ";width:", ";"], track.backgroundColor, track.borderRadius, track.width);
-var Thumb = styled.div.withConfig({
-  displayName: "Scrollbar__Thumb",
-  componentId: "sc-mphi5n-3"
-})(["position:absolute;background-color:", ";border-radius:", ";width:", ";transition:background-color 0.2s;&:hover{background-color:", ";}"], thumb.base.backgroundColor, thumb.base.borderRadius, thumb.base.width, thumb.hover.backgroundColor);
-var Scrollbar = function Scrollbar(props) {
-  var id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    contentRef = props.contentRef,
-    rest = __rest(props, ["id", "className", "htmlProps", "contentRef"]);
-  var trackRef = useRef(null);
-  var thumbRef = useRef(null);
-  var _useState = useState(minThumbHeightPx),
-    _useState2 = _slicedToArray(_useState, 2),
-    thumbHeight = _useState2[0],
-    setThumbHeight = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isScrollable = _useState4[0],
-    setIsScrollable = _useState4[1];
-  var _useState5 = useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    thumbTop = _useState6[0],
-    setThumbTop = _useState6[1];
-  var observer = useRef(null);
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    scrollStartPosition = _useState8[0],
-    setScrollStartPosition = _useState8[1];
-  var _useState9 = useState(0),
-    _useState10 = _slicedToArray(_useState9, 2),
-    initialScrollTop = _useState10[0],
-    setInitialScrollTop = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    isDragging = _useState12[0],
-    setIsDragging = _useState12[1];
-  function handleResize(ref, trackSize) {
-    var clientHeight = ref.clientHeight,
-      scrollHeight = ref.scrollHeight;
-    setIsScrollable(clientHeight !== scrollHeight);
-    setThumbHeight(Math.max(clientHeight / scrollHeight * trackSize, minThumbHeightPx));
-  }
-  var handleTrackClick = useCallback(function (e) {
-    if (contentRef && contentRef.current) {
-      var trackCurrent = trackRef.current;
-      var contentCurrent = contentRef.current;
-      if (trackCurrent && contentCurrent) {
-        var clientY = e.clientY;
-        var target = e.target;
-        var rect = target.getBoundingClientRect();
-        var trackTop = rect.top;
-        var thumbOffset = -(thumbHeight / 2);
-        var clickRatio = (clientY - trackTop + thumbOffset) / trackCurrent.clientHeight;
-        var scrollAmount = Math.floor(clickRatio * contentCurrent.scrollHeight);
-        contentCurrent.scrollTo({
-          top: scrollAmount,
-          behavior: 'smooth'
-        });
-      }
-    }
-  }, [thumbHeight]);
-  var handleThumbPositioning = useCallback(function () {
-    if (!(contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) || !trackRef.current || !thumbRef.current) {
-      return;
-    }
-    var _contentRef$current = contentRef.current,
-      contentTop = _contentRef$current.scrollTop,
-      contentHeight = _contentRef$current.scrollHeight;
-    var clientHeight = trackRef.current.clientHeight;
-    var newTop = +contentTop / +contentHeight * clientHeight;
-    newTop = Math.min(newTop, clientHeight - thumbHeight);
-    setThumbTop(newTop);
-  }, []);
-  useEffect(function () {
-    if (contentRef && contentRef.current && trackRef.current) {
-      var ref = contentRef.current;
-      var clientHeight = trackRef.current.clientHeight;
-      observer.current = new ResizeObserver(function () {
-        handleResize(ref, clientHeight);
-      });
-      observer.current.observe(ref);
-      ref.addEventListener('scroll', handleThumbPositioning);
-      return function () {
-        var _a;
-        (_a = observer.current) === null || _a === void 0 ? void 0 : _a.unobserve(ref);
-        ref.removeEventListener('scroll', handleThumbPositioning);
-      };
-    }
-  }, []);
-  var handleThumbMousedown = useCallback(function (e) {
-    setScrollStartPosition(e.clientY);
-    if (contentRef && contentRef.current) setInitialScrollTop(contentRef.current.scrollTop);
-    setIsDragging(true);
-  }, []);
-  var handleThumbMouseup = useCallback(function () {
-    if (isDragging) {
-      setIsDragging(false);
-    }
-  }, [isDragging]);
-  var handleThumbMousemove = useCallback(function (e) {
-    if (contentRef && contentRef.current) {
-      if (isDragging) {
-        var _contentRef$current2 = contentRef.current,
-          contentScrollHeight = _contentRef$current2.scrollHeight,
-          contentOffsetHeight = _contentRef$current2.offsetHeight;
-        var deltaY = (e.clientY - scrollStartPosition) * (contentOffsetHeight / thumbHeight);
-        var newScrollTop = Math.min(initialScrollTop + deltaY, contentScrollHeight - contentOffsetHeight);
-        contentRef.current.scrollTop = newScrollTop;
-      }
-    }
-  }, [isDragging, scrollStartPosition, thumbHeight]);
-  useEffect(function () {
-    document.addEventListener('mousemove', handleThumbMousemove);
-    document.addEventListener('mouseup', handleThumbMouseup);
-    document.addEventListener('mouseleave', handleThumbMouseup);
-    return function () {
-      document.removeEventListener('mousemove', handleThumbMousemove);
-      document.removeEventListener('mouseup', handleThumbMouseup);
-      document.removeEventListener('mouseleave', handleThumbMouseup);
-    };
-  }, [handleThumbMousemove, handleThumbMouseup]);
-  return isScrollable ? jsx(ScrollbarOuterWrapper, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    children: jsxs(ScrollbarElements, {
-      children: [jsx(Track, {
-        ref: trackRef,
-        onClick: handleTrackClick
-      }), jsx(Thumb, {
-        style: {
-          height: thumbHeight,
-          top: thumbTop
-        },
-        ref: thumbRef,
-        onMouseDown: handleThumbMousedown
-      })]
-    })
-  })) : null;
-};
-Scrollbar.displayName = 'Scrollbar';
-
-export { Scrollbar };

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

@@ -1,3 +0,0 @@
-export * from './Scrollbar';
-export * from './ScrollableContainer';
-export * from './scrollbarStyling';

package/dist/components/ScrollableContainer/scrollbarStyling.d.ts

@@ -1,26 +0,0 @@
-/**
- * CSS-in-JS scrollbar styling til bruk der det ikke passer å bruke dedikerte komponenter. Inkluderer styling for webkit pseudo-elementer og for Firefox.
- */
-export declare const scrollbarStyling: {
-    webkit: {
-        '&::-webkit-scrollbar': {
-            width: string;
-            height: string;
-        };
-        '&::-webkit-scrollbar-track': {
-            background: string;
-            borderRadius: string;
-        };
-        '&::-webkit-scrollbar-thumb': {
-            background: string;
-            borderRadius: string;
-        };
-    };
-    '&::-webkit-scrollbar-thumb:hover': {
-        background: string;
-    };
-    firefox: {
-        scrollbarColor: string;
-        scrollbarWidth: "thin";
-    };
-};

package/dist/components/ScrollableContainer/scrollbarStyling.js

@@ -1,37 +0,0 @@
-import { scrollbarTokens } from './ScrollableContainer.tokens.js';
-
-var thumb = scrollbarTokens.thumb,
-  track = scrollbarTokens.track;
-var scrollbarWidth = 'thin';
-/**
- * CSS-in-JS scrollbar styling til bruk der det ikke passer å bruke dedikerte komponenter. Inkluderer styling for webkit pseudo-elementer og for Firefox.
- */
-var scrollbarStyling = {
-  webkit: {
-    /* width */
-    '&::-webkit-scrollbar': {
-      width: track.width,
-      height: track.width
-    },
-    /* Track */
-    '&::-webkit-scrollbar-track': {
-      background: track.backgroundColor,
-      borderRadius: track.borderRadius
-    },
-    /* Handle */
-    '&::-webkit-scrollbar-thumb': {
-      background: thumb.base.backgroundColor,
-      borderRadius: thumb.base.borderRadius
-    }
-  },
-  /* Handle on hover */
-  '&::-webkit-scrollbar-thumb:hover': {
-    background: thumb.hover.backgroundColor
-  },
-  firefox: {
-    scrollbarColor: thumb.base.backgroundColor + ' ' + track.backgroundColor,
-    scrollbarWidth: scrollbarWidth
-  }
-};
-
-export { scrollbarStyling };

package/dist/components/Search/AutocompleteSearch.context.d.ts

@@ -1,12 +0,0 @@
-import { ChangeEvent, MouseEvent, RefObject } from 'react';
-export type AutocompleteSearchContextType = {
-    onValueChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    onSugggestionClick?: (e: MouseEvent<HTMLButtonElement>) => void;
-    suggestions?: string[];
-    showSuggestions?: boolean;
-    inputValue?: string;
-    inputRef?: RefObject<HTMLInputElement> | null;
-    suggestionsRef?: RefObject<HTMLDivElement> | null;
-};
-export declare const AutocompleteSearchContext: import("react").Context<AutocompleteSearchContextType>;
-export declare const useAutocompleteSearch: () => AutocompleteSearchContextType;

package/dist/components/Search/AutocompleteSearch.context.js

@@ -1,8 +0,0 @@
-import { createContext, useContext } from 'react';
-
-var AutocompleteSearchContext = /*#__PURE__*/createContext({});
-var useAutocompleteSearch = function useAutocompleteSearch() {
-  return useContext(AutocompleteSearchContext);
-};
-
-export { AutocompleteSearchContext, useAutocompleteSearch };

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

@@ -1,22 +0,0 @@
-import { InputProps as BaseInputProps } from '@norges-domstoler/dds-form';
-import { ButtonHTMLAttributes, InputHTMLAttributes, MouseEvent } from 'react';
-export type SearchSize = 'small' | 'medium' | 'large';
-type ButtonProps = {
-    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
-    label?: string;
-    loading?: boolean;
-    purpose?: 'primary' | 'secondary';
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-export type SearchProps = Pick<BaseInputProps, 'tip' | 'label'> & {
-    /**Størrelsen på komponenten. */
-    componentSize?: SearchSize;
-    /**Props for søkeknappen. */
-    buttonProps?: ButtonProps;
-} & InputHTMLAttributes<HTMLInputElement>;
-export declare const Search: import("react").ForwardRefExoticComponent<Pick<BaseInputProps, "label" | "tip"> & {
-    /**Størrelsen på komponenten. */
-    componentSize?: SearchSize | undefined;
-    /**Props for søkeknappen. */
-    buttonProps?: ButtonProps | undefined;
-} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/Search/Search.js

@@ -1,172 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { derivativeIdGenerator, useCombinedRef, spaceSeparatedIdListGenerator } from '@norges-domstoler/dds-core';
-import { Input as Input$1 } from '@norges-domstoler/dds-form';
-import { Icon, SearchIcon, CloseSmallIcon } from '@norges-domstoler/dds-icons';
-import { getFontStyling, Label } from '@norges-domstoler/dds-typography';
-import { forwardRef, useId, useState } from 'react';
-import styled, { css } from 'styled-components';
-import { renderInputMessage } from '../../utils/renderInputMessage.js';
-import { Button } from '../Button/Button.js';
-import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
-import { useAutocompleteSearch } from './AutocompleteSearch.context.js';
-import { typographyTypes, searchTokens } from './Search.tokens.js';
-import { createEmptyChangeEvent } from './Search.utils.js';
-import { SearchSuggestions } from './SearchSuggestions.js';
-
-var input = searchTokens.input,
-  outerContainer = searchTokens.outerContainer,
-  horisontalContainer = searchTokens.horisontalContainer,
-  searchIcon = searchTokens.searchIcon,
-  clearButton = searchTokens.clearButton;
-var getIconSize = function getIconSize(size) {
-  switch (size) {
-    case 'large':
-      return 'medium';
-    case 'medium':
-      return 'medium';
-    case 'small':
-      return 'small';
-  }
-};
-var Input = styled(Input$1).withConfig({
-  displayName: "Search__Input",
-  componentId: "sc-1ax3s9s-0"
-})(["&[type='search']::-webkit-search-decoration,&[type='search']::-webkit-search-cancel-button,&[type='search']::-webkit-search-results-button,&[type='search']::-webkit-search-results-decoration{-webkit-appearance:none;}padding-right:", ";", ""], input.base.paddingRight, function (_ref) {
-  var componentSize = _ref.componentSize;
-  return css(["padding-top:", ";padding-bottom:", ";padding-left:", ";", ""], input.sizes[componentSize].paddingTop, input.sizes[componentSize].paddingBottom, input.sizes[componentSize].paddingLeft, getFontStyling(typographyTypes[componentSize]));
-});
-var StyledSearchIcon = styled(Icon).withConfig({
-  displayName: "Search__StyledSearchIcon",
-  componentId: "sc-1ax3s9s-1"
-})(["position:absolute;left:", ";color:", ";", " z-index:1;"], searchIcon.base.left, searchIcon.base.color, function (_ref2) {
-  var size = _ref2.size;
-  return css(["top:", ";"], searchTokens.searchIcon[size].top);
-});
-var StyledClearButton = styled(Button).withConfig({
-  displayName: "Search__StyledClearButton",
-  componentId: "sc-1ax3s9s-2"
-})(["position:absolute;right:", ";color:", ";top:", ";"], clearButton.right, clearButton.color, clearButton.top);
-var OuterContainer = styled.div.withConfig({
-  displayName: "Search__OuterContainer",
-  componentId: "sc-1ax3s9s-3"
-})(["display:flex;flex-direction:column;gap:", ";"], outerContainer.gap);
-var HorisontalContainer = styled.div.withConfig({
-  displayName: "Search__HorisontalContainer",
-  componentId: "sc-1ax3s9s-4"
-})(["", ""], 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-5"
-})(["position:relative;display:flex;"]);
-var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _a$componentSize = _a.componentSize,
-    componentSize = _a$componentSize === void 0 ? 'medium' : _a$componentSize,
-    buttonProps = _a.buttonProps,
-    name = _a.name,
-    label = _a.label,
-    tip = _a.tip,
-    id = _a.id,
-    value = _a.value,
-    onChange = _a.onChange,
-    className = _a.className,
-    style = _a.style,
-    ariaDescribedby = _a['aria-describedby'],
-    rest = __rest(_a, ["componentSize", "buttonProps", "name", "label", "tip", "id", "value", "onChange", "className", "style", 'aria-describedby']);
-  var generatedId = useId();
-  var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-searchInput");
-  var hasLabel = !!label;
-  var tipId = derivativeIdGenerator(uniqueId, 'tip');
-  var suggestionsId = derivativeIdGenerator(uniqueId, 'suggestions');
-  var suggestionsDescriptionId = derivativeIdGenerator(uniqueId, 'suggestions-description');
-  var _useState = useState(!!value),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasValue = _useState2[0],
-    setHasValue = _useState2[1];
-  var context = useAutocompleteSearch();
-  var combinedRef = context.inputRef ? useCombinedRef(context.inputRef, ref) : ref;
-  var handleChange = function handleChange(e) {
-    setHasValue(e.target.value !== '');
-    context.onValueChange && context.onValueChange(e);
-    onChange && onChange(e);
-  };
-  var clearInput = function clearInput() {
-    var emptyChangeEvent = createEmptyChangeEvent(uniqueId);
-    handleChange(emptyChangeEvent);
-  };
-  var containerProps = {
-    className: className,
-    style: style
-  };
-  var inputProps = Object.assign(Object.assign({}, rest), {
-    ref: combinedRef,
-    componentSize: componentSize,
-    name: name,
-    type: 'search',
-    id: uniqueId,
-    'aria-describedby': spaceSeparatedIdListGenerator([tip ? tipId : undefined, context.suggestions ? suggestionsDescriptionId : undefined, ariaDescribedby]),
-    value: context.inputValue !== undefined ? context.inputValue : value,
-    onChange: handleChange,
-    autoComplete: 'off'
-  });
-  var _b = buttonProps || {},
-    buttonLabel = _b.label,
-    onClick = _b.onClick,
-    otherButtonProps = __rest(_b, ["label", "onClick"]);
-  var hasSuggestions = !!context.suggestions;
-  var showSearchButton = !!buttonProps && !!onClick;
-  return jsxs(OuterContainer, {
-    children: [hasLabel && jsx(Label, {
-      htmlFor: uniqueId,
-      children: label
-    }), jsxs("div", {
-      children: [jsxs(HorisontalContainer, Object.assign({
-        hasSearchButton: showSearchButton
-      }, containerProps, {
-        children: [jsxs(InputContainer, {
-          children: [jsx(StyledSearchIcon, {
-            icon: SearchIcon,
-            size: componentSize,
-            iconSize: getIconSize(componentSize)
-          }), jsx(Input, Object.assign({}, inputProps, {
-            "aria-autocomplete": hasSuggestions ? 'list' : undefined,
-            "aria-controls": hasSuggestions ? suggestionsId : undefined,
-            "aria-expanded": context.showSuggestions,
-            role: hasSuggestions ? 'combobox' : undefined
-          })), hasSuggestions && jsxs(Fragment, {
-            children: [jsx(SearchSuggestions, {
-              id: suggestionsId,
-              ref: context.suggestionsRef,
-              searchId: uniqueId,
-              onSuggestionClick: context.onSugggestionClick,
-              suggestions: context.suggestions,
-              showSuggestions: context.showSuggestions,
-              componentSize: componentSize
-            }), jsx(VisuallyHidden, {
-              id: suggestionsDescriptionId,
-              as: "span",
-              children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet."
-            })]
-          }), hasValue && jsx(StyledClearButton, {
-            icon: CloseSmallIcon,
-            size: "tiny",
-            purpose: "secondary",
-            appearance: "borderless",
-            "aria-label": "T\xF8m",
-            onClick: clearInput
-          })]
-        }), showSearchButton && jsx(Button, Object.assign({
-          size: componentSize,
-          label: buttonLabel || 'Søk',
-          onClick: onClick
-        }, otherButtonProps))]
-      })), renderInputMessage(tip, tipId)]
-    })]
-  });
-});
-Search.displayName = 'Search';
-
-export { Search };

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

@@ -1,52 +0,0 @@
-/// <reference types="react" />
-import { SearchProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("@norges-domstoler/dds-form").InputProps, "label" | "tip"> & {
-        componentSize?: import("./Search").SearchSize | undefined;
-        buttonProps?: ({
-            onClick: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-            label?: string | undefined;
-            loading?: boolean | undefined;
-            purpose?: "secondary" | "primary" | undefined;
-        } & import("react").ButtonHTMLAttributes<HTMLButtonElement>) | undefined;
-    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>> & {
-        AutocompleteWrapper: {
-            (props: import("./SearchAutocompleteWrapper").SearchAutocompleteWrapperProps): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        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;
-            maxSuggestions?: number | undefined;
-            searchId: string;
-        } & {
-            htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-        } & import("react").RefAttributes<HTMLDivElement>>;
-    };
-    argTypes: {
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        label: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewSizes: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewWithSuggestions: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithButton: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithSuggestions: (args: SearchProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,64 +0,0 @@
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-import { SearchSize } from './Search';
-export declare const typographyTypes: {
-    [k in SearchSize]: StaticTypographyType;
-};
-export declare const searchTokens: {
-    input: {
-        base: {
-            paddingRight: string;
-            paddingLeft: string;
-        };
-        sizes: {
-            small: {
-                paddingTop: string;
-                paddingBottom: string;
-                paddingLeft: string;
-            };
-            medium: {
-                paddingTop: string;
-                paddingBottom: string;
-                paddingLeft: string;
-            };
-            large: {
-                paddingTop: string;
-                paddingBottom: string;
-                paddingLeft: string;
-            };
-        };
-    };
-    searchIcon: {
-        base: {
-            left: string;
-            color: string;
-        };
-        small: {
-            top: string;
-        };
-        medium: {
-            top: string;
-        };
-        large: {
-            top: string;
-        };
-    };
-    clearButton: {
-        right: string;
-        top: string;
-        color: string;
-    };
-    horisontalContainer: {
-        gap: string;
-    };
-    outerContainer: {
-        gap: string;
-    };
-    suggestionsContainer: {
-        marginTop: string;
-        border: string;
-        boxShadow: string;
-    };
-    suggestionsHeader: {
-        paddingLeft: string;
-    };
-};