@norges-domstoler/dds-components 13.6.4 → 13.7.0

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

@@ -1,10 +1,11 @@
-import { ButtonHTMLAttributes, InputHTMLAttributes, MouseEvent } from 'react';
 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. */

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

@@ -8,6 +8,7 @@ declare const _default: {
             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: {

package/dist/cjs/index.js

@@ -3248,6 +3248,40 @@ var searchTokens = {
   suggestionsHeader: suggestionsHeader$1
 };
 
+/**
+ * Lager en change-event som kan resette verdien i et input-felt.
+ * Dette vil resultere i en event som har: event.target.value = ''.
+ *
+ * @param inputElementId Id'en til et gitt input-felt
+ * @returns En change-event som har en tom streng som target value
+ */
+function createEmptyChangeEvent(inputElementId) {
+  var inputElement = document.getElementById(inputElementId);
+  inputElement.value = '';
+  var emptyChangeEvent = {
+    target: inputElement,
+    currentTarget: inputElement,
+    bubbles: true,
+    cancelable: false,
+    defaultPrevented: false,
+    eventPhase: 0,
+    isTrusted: false,
+    preventDefault: function preventDefault() {},
+    stopPropagation: function stopPropagation() {},
+    nativeEvent: new Event('input'),
+    persist: function persist() {},
+    type: 'change',
+    timeStamp: Date.now(),
+    isDefaultPrevented: function isDefaultPrevented() {
+      return false;
+    },
+    isPropagationStopped: function isPropagationStopped() {
+      return false;
+    }
+  };
+  return emptyChangeEvent;
+}
+
 var border$7 = ddsDesignTokens.ddsBaseTokens.border,
   borderRadius$4 = ddsDesignTokens.ddsBaseTokens.borderRadius,
   colors$i = ddsDesignTokens.ddsBaseTokens.colors,
@@ -3468,40 +3502,6 @@ var SearchSuggestions = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 SearchSuggestions.displayName = 'SearchSuggestions';
 
-/**
- * Lager en change-event som kan resette verdien i et input-felt.
- * Dette vil resultere i en event som har: event.target.value = ''.
- *
- * @param inputElementId Id'en til et gitt input-felt
- * @returns En change-event som har en tom streng som target value
- */
-function createEmptyChangeEvent(inputElementId) {
-  var inputElement = document.getElementById(inputElementId);
-  inputElement.value = '';
-  var emptyChangeEvent = {
-    target: inputElement,
-    currentTarget: inputElement,
-    bubbles: true,
-    cancelable: false,
-    defaultPrevented: false,
-    eventPhase: 0,
-    isTrusted: false,
-    preventDefault: function preventDefault() {},
-    stopPropagation: function stopPropagation() {},
-    nativeEvent: new Event('input'),
-    persist: function persist() {},
-    type: 'change',
-    timeStamp: Date.now(),
-    isDefaultPrevented: function isDefaultPrevented() {
-      return false;
-    },
-    isPropagationStopped: function isPropagationStopped() {
-      return false;
-    }
-  };
-  return emptyChangeEvent;
-}
-
 var input = searchTokens.input,
   outerContainer$5 = searchTokens.outerContainer,
   horisontalContainer = searchTokens.horisontalContainer,

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

@@ -1,10 +1,11 @@
-import { ButtonHTMLAttributes, InputHTMLAttributes, MouseEvent } from 'react';
 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. */

package/dist/components/Search/Search.js

@@ -1,19 +1,19 @@
 import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from 'tslib';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useId, useState } from 'react';
-import styled, { css } from 'styled-components';
-import { Input as Input$1 } from '@norges-domstoler/dds-form';
 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 { Button } from '../Button/Button.js';
 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 { SearchSuggestions } from './SearchSuggestions.js';
 import { createEmptyChangeEvent } from './Search.utils.js';
-import { renderInputMessage } from '../../utils/renderInputMessage.js';
+import { SearchSuggestions } from './SearchSuggestions.js';
 
 var input = searchTokens.input,
   outerContainer = searchTokens.outerContainer,

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

@@ -8,6 +8,7 @@ declare const _default: {
             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: {

package/package.json

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