@navikt/ds-react 5.15.0 → 6.0.0-alpha.0

package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/SelectedOptions.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AACvC,wDAAwD;AACxD,qEAAqE;AAQrE,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAAsB,EAAE,EAAE;IAChD,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC5E,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEzC,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;QACpB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,oBAAoB,CAAC,MAAM,CAAC,CAAC;QAC7B,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,uCAAK,SAAS,EAAC,yCAAyC,IAAE,MAAM,CAAO,CACxE,CAAC;IACJ,CAAC;IAED,OAAO,8BAAC,aAAK,CAAC,SAAS,IAAC,OAAO,EAAE,OAAO,IAAG,MAAM,CAAmB,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,eAAe,GAAmC,CAAC,EACvD,eAAe,GAAG,EAAE,EACpB,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,aAAK,IAAC,SAAS,EAAC,kCAAkC,EAAC,IAAI,EAAE,IAAI;QAC3D,eAAe,CAAC,MAAM;YACrB,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,8BAAC,MAAM,IAAC,GAAG,EAAE,MAAM,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI,CAC5C,CAAC;YACJ,CAAC,CAAC,EAAE;QACL,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ComboboxProps } from "../types";
+type SelectedOptionsContextType = {
+    addSelectedOption: (option: string) => void;
+    isMultiSelect?: boolean;
+    removeSelectedOption: (option: string) => void;
+    prevSelectedOptions?: string[];
+    selectedOptions: string[];
+    setSelectedOptions: (any: any) => void;
+    toggleOption: (option: string, event: React.KeyboardEvent | React.PointerEvent) => void;
+};
+export declare const SelectedOptionsProvider: ({ children, value, }: {
+    children: any;
+    value: Pick<ComboboxProps, "allowNewValues" | "isMultiSelect" | "options" | "selectedOptions" | "onToggleSelected">;
+}) => React.JSX.Element;
+export declare const useSelectedOptionsContext: () => SelectedOptionsContextType;
+export {};

package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js

@@ -110,3 +110,4 @@ const useSelectedOptionsContext = () => {
     return context;
 };
 exports.useSelectedOptionsContext = useSelectedOptionsContext;
+//# sourceMappingURL=selectedOptionsContext.js.map

package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectedOptionsContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/selectedOptionsContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,+CAAkD;AAClD,wDAAwD;AACxD,kEAAkE;AAgBlE,MAAM,sBAAsB,GAAG,IAAA,qBAAa,EAC1C,EAAgC,CACjC,CAAC;AAEK,MAAM,uBAAuB,GAAG,CAAC,EACtC,QAAQ,EACR,KAAK,GAWN,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IACrD,MAAM,EACJ,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB,GAAG,IAAA,8CAAuB,GAAE,CAAC;IAC9B,MAAM,EACJ,cAAc,EACd,aAAa,EACb,eAAe,EAAE,uBAAuB,EACxC,gBAAgB,EAChB,OAAO,GACR,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IAC7E,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE,CACH,uBAAuB,aAAvB,uBAAuB,cAAvB,uBAAuB,GAAI,CAAC,GAAG,aAAa,EAAE,GAAG,uBAAuB,CAAC,EAC3E,CAAC,aAAa,EAAE,uBAAuB,EAAE,uBAAuB,CAAC,CAClE,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,MAAc,EAAE,EAAE;;QACjB,MAAM,cAAc,GAAG,CAAC,OAAO;aAC5B,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;aAC/B,QAAQ,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,sDAAI,CAAC,CAAC;QACrC,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC;YAC1C,CAAC,aAAa,IAAI,kBAAkB,CAAC,EAAE,CAAC,CAAC;QAC3C,CAAC;aAAM,IAAI,aAAa,EAAE,CAAC;YACzB,kBAAkB,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC;gBACzC,GAAG,kBAAkB;gBACrB,MAAM;aACP,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;YAC7B,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC;QACD,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,MAAM,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;IACnD,CAAC,EACD;QACE,eAAe;QACf,cAAc;QACd,aAAa;QACb,gBAAgB;QAChB,OAAO;QACP,gBAAgB;KACjB,CACF,CAAC;IAEF,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EACtC,CAAC,MAAc,EAAE,EAAE;QACjB,MAAM,cAAc,GAAG,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,cAAc,EAAE,CAAC;YACnB,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,CAAC,kBAAkB,EAAE,EAAE,CACxC,kBAAkB,CAAC,MAAM,CACvB,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,KAAK,MAAM,CAC9C,CACF,CAAC;QACJ,CAAC;QACD,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,CACtD,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,MAAc,EAAE,KAA+C,EAAE,EAAE;QAClE,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACrC,oBAAoB,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;QACD,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,UAAU,EAAE,CAAC;IACf,CAAC,EACD;QACE,iBAAiB;QACjB,UAAU;QACV,UAAU;QACV,oBAAoB;QACpB,eAAe;KAChB,CACF,CAAC;IAEF,MAAM,mBAAmB,GAAG,IAAA,mBAAW,EAAW,eAAe,CAAC,CAAC;IAEnE,MAAM,oBAAoB,GAAG;QAC3B,iBAAiB;QACjB,aAAa;QACb,oBAAoB;QACpB,mBAAmB;QACnB,eAAe;QACf,kBAAkB;QAClB,YAAY;KACb,CAAC;IAEF,OAAO,CACL,8BAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,IACzD,QAAQ,CACuB,CACnC,CAAC;AACJ,CAAC,CAAC;AArHW,QAAA,uBAAuB,2BAqHlC;AAEK,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,sBAAsB,CAAC,CAAC;IACnD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,yEAAyE,CAC1E,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,yBAAyB,6BAQpC"}

package/cjs/form/combobox/ToggleListButton.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ToggleListButtonProps {
+    toggleListButtonLabel?: string;
+}
+export declare const ToggleListButton: React.ForwardRefExoticComponent<ToggleListButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default ToggleListButton;

package/cjs/form/combobox/ToggleListButton.js

@@ -34,3 +34,4 @@ exports.ToggleListButton = (0, react_1.forwardRef)(({ toggleListButtonLabel }, r
         isListOpen ? (react_1.default.createElement(aksel_icons_1.ChevronUpIcon, { "aria-hidden": true })) : (react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { "aria-hidden": true }))));
 });
 exports.default = exports.ToggleListButton;
+//# sourceMappingURL=ToggleListButton.js.map

package/cjs/form/combobox/ToggleListButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleListButton.js","sourceRoot":"","sources":["../../../src/form/combobox/ToggleListButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAqE;AACrE,qFAAqF;AAMxE,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAE,qBAAqB,EAAE,EAAE,GAAG,EAAE,EAAE;IACnC,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACrE,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,EACrC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,gBAAgB,EAAE,EAC7D,SAAS,EAAC,oCAAoC,mBAC/B,UAAU,EACzB,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,GAAG;QAER,wCAAM,SAAS,EAAC,eAAe,IAC5B,qBAAqB,aAArB,qBAAqB,cAArB,qBAAqB,GAAI,cAAc,CACnC;QACN,UAAU,CAAC,CAAC,CAAC,CACZ,8BAAC,2BAAa,0BAAe,CAC9B,CAAC,CAAC,CAAC,CACF,8BAAC,6BAAe,0BAAe,CAChC,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,wBAAgB,CAAC"}

package/cjs/form/combobox/customOptionsContext.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+type CustomOptionsContextType = {
+    customOptions: string[];
+    removeCustomOption: (option: string) => void;
+    addCustomOption: (option: string) => void;
+    setCustomOptions: React.Dispatch<React.SetStateAction<string[]>>;
+};
+export declare const CustomOptionsProvider: ({ children, value, }: {
+    children: any;
+    value: {
+        isMultiSelect?: boolean;
+    };
+}) => React.JSX.Element;
+export declare const useCustomOptionsContext: () => CustomOptionsContextType;
+export {};

package/cjs/form/combobox/customOptionsContext.js

@@ -61,3 +61,4 @@ const useCustomOptionsContext = () => {
     return context;
 };
 exports.useCustomOptionsContext = useCustomOptionsContext;
+//# sourceMappingURL=customOptionsContext.js.map

package/cjs/form/combobox/customOptionsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customOptionsContext.js","sourceRoot":"","sources":["../../../src/form/combobox/customOptionsContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgF;AAChF,uDAAuD;AASvD,MAAM,oBAAoB,GAAG,IAAA,qBAAa,EACxC,EAA8B,CAC/B,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,KAAK,GAIN,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IACjE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IACzC,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEhC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,MAAc,EAAE,EAAE;QACjB,gBAAgB,CAAC,CAAC,iBAAiB,EAAE,EAAE,CACrC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,CAC9C,CAAC;QACF,UAAU,EAAE,CAAC;IACf,CAAC,EACD,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAC/B,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CAAC,MAAc,EAAE,EAAE;QACjB,IAAI,aAAa,EAAE,CAAC;YAClB,gBAAgB,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,GAAG,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;QAC9D,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QAC7B,CAAC;QACD,UAAU,EAAE,CAAC;IACf,CAAC,EACD,CAAC,UAAU,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAC9C,CAAC;IAEF,MAAM,kBAAkB,GAAG;QACzB,aAAa;QACb,kBAAkB;QAClB,eAAe;QACf,gBAAgB;KACjB,CAAC;IAEF,OAAO,CACL,8BAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,IACrD,QAAQ,CACqB,CACjC,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,qBAAqB,yBA6ChC;AAEK,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oBAAoB,CAAC,CAAC;IACjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,qEAAqE,CACtE,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,uBAAuB,2BAQlC"}

package/cjs/form/combobox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Combobox } from "./ComboboxProvider";
+export { type ComboboxProps } from "./types";

package/cjs/form/combobox/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Combobox = void 0;
 var ComboboxProvider_1 = require("./ComboboxProvider");
 Object.defineProperty(exports, "Combobox", { enumerable: true, get: function () { return __importDefault(ComboboxProvider_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/form/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/combobox/index.ts"],"names":[],"mappings":";;;;;;AAAA,uDAAyD;AAAhD,6HAAA,OAAO,OAAY"}

package/cjs/form/combobox/types.d.ts

@@ -0,0 +1,120 @@
+import React, { ChangeEvent, InputHTMLAttributes } from "react";
+import { FormFieldProps } from "../useFormField";
+export interface ComboboxProps extends FormFieldProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "value"> {
+    /**
+     * Combobox label
+     */
+    label: React.ReactNode;
+    /**
+     * List of options to use for autocompletion
+     */
+    options: string[];
+    /**
+     * If enabled, adds an option to add the value of the input as an option whenever there are no options matching the value.
+     */
+    allowNewValues?: boolean;
+    /**
+     * If "true" adds a button to clear the value in the input field
+     */
+    clearButton?: boolean;
+    /**
+     * Custom name for the clear button. Requires "clearButton" to be "true".
+     *
+     * @default "Tøm"
+     */
+    clearButtonLabel?: string;
+    /**
+     * A list of options to display in the dropdown list.
+     * If provided, this overrides the internal search logic in the component.
+     * Useful for e.g. searching on a server or when overriding the search algorithm to search for synonyms or similar.
+     */
+    filteredOptions?: string[];
+    /**
+     * Optionally hide the label visually.
+     * Not recommended, but can be considered for e.g. search fields in the top menu.
+     */
+    hideLabel?: boolean;
+    /**
+     * Custom class name for the input field.
+     *
+     * If used for styling, please consider using tokens instead.
+     */
+    inputClassName?: string | undefined;
+    /**
+     * Controlled open/closed state for the dropdown list
+     */
+    isListOpen?: boolean;
+    /**
+     * Set to "true" when doing an async search and waiting for new filteredOptions.
+     *
+     * Will show a spinner in the dropdown and announce to screen readers that it is loading.
+     */
+    isLoading?: boolean;
+    /**
+     * Set to "true" to allow multiple selections
+     *
+     * This will display selected values as a list of Chips in front of the input field, instead of a selection replacing the value of the input.
+     *
+     */
+    isMultiSelect?: boolean;
+    /**
+     * Callback function triggered whenever the value of the input field is triggered.
+     *
+     * @param event
+     * @returns
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement> | null, value?: string) => void;
+    /**
+     * Callback function triggered whenever the input field is cleared
+     *
+     * @param event
+     * @returns
+     */
+    onClear?: (event: React.PointerEvent | React.KeyboardEvent) => void;
+    /**
+     * Callback function triggered whenever an option is selected or de-selected
+     *
+     * @param option
+     * @param isSelected - Whether the option has been selected or unselected
+     * @param isCustomOption - Whether the option comes from user input, instead of from the list
+     * @returns
+     */
+    onToggleSelected?: (option: string, isSelected: boolean, isCustomOption: boolean) => void;
+    /**
+     * List of selected options.
+     *
+     * Use this prop when controlling the selected state outside for the component,
+     * e.g. for a filter, where options can be toggled elsewhere/programmatically.
+     */
+    selectedOptions?: string[];
+    /**
+     * Set to "true" to enable inline autocomplete.
+     *
+     * @default false
+     */
+    shouldAutocomplete?: boolean;
+    /**
+     * When set to "true" displays selected options as Chips before the input field
+     *
+     * @default true
+     */
+    shouldShowSelectedOptions?: boolean;
+    /**
+     * When set to "true" displays the toggle button for opening/closing the dropdown list
+     *
+     * @default true
+     */
+    toggleListButton?: boolean;
+    /**
+     * Custom name for the toggle list-button. Requires "toggleListButton" to be "true".
+     *
+     * @default "Alternativer"
+     */
+    toggleListButtonLabel?: string;
+    /**
+     * Set this to override the value of the input field.
+     *
+     * This converts the input to a controlled input, so you have to use onChange to update the value.
+     */
+    value?: string;
+}

package/cjs/form/combobox/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/cjs/form/combobox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/form/combobox/types.ts"],"names":[],"mappings":""}

package/cjs/form/error-summary/ErrorSummary.d.ts

@@ -0,0 +1,57 @@
+import React, { HTMLAttributes } from "react";
+import { ErrorSummaryItemType } from "./ErrorSummaryItem";
+export interface ErrorSummaryProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Collectipn of ErrorSummary.Item
+     */
+    children: React.ReactNode;
+    /**
+     * Changes padding and font-sizes
+     * @default "medium"
+     */
+    size?: "medium" | "small";
+    /**
+     * Heading above links
+     */
+    heading?: React.ReactNode;
+    /**
+     * Allows setting a different HTML h-tag
+     * @default "h2"
+     */
+    headingTag?: React.ElementType<any>;
+}
+interface ErrorSummaryComponent extends React.ForwardRefExoticComponent<ErrorSummaryProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * Link to error
+     *
+     * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+     *
+     * @example
+     * ```jsx
+     * <ErrorSummary.Item href="#1">
+     *   Felt må fylles ut med alder
+     * </ErrorSummary.Item>
+     * ```
+     */
+    Item: ErrorSummaryItemType;
+}
+/**
+ * A component that displays a summary of errors.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/errorsummary)
+ * @see 🏷️ {@link ErrorSummaryProps}
+ *
+ * @example
+ * ```jsx
+ * <ErrorSummary heading="Du må fikse disse feilene før du kan sende inn søknad.">
+ *   <ErrorSummary.Item href="#1">
+ *     Felt må fylles ut med alder
+ *   </ErrorSummary.Item>
+ *   <ErrorSummary.Item href="#2">
+ *     Tekstfeltet må ha en godkjent e-mail
+ *   </ErrorSummary.Item>
+ * </ErrorSummary>
+ * ```
+ */
+export declare const ErrorSummary: ErrorSummaryComponent;
+export default ErrorSummary;

package/cjs/form/error-summary/ErrorSummary.js

@@ -75,3 +75,4 @@ exports.ErrorSummary = (0, react_1.forwardRef)((_a, ref) => {
 });
 exports.ErrorSummary.Item = ErrorSummaryItem_1.default;
 exports.default = exports.ErrorSummary;
+//# sourceMappingURL=ErrorSummary.js.map

package/cjs/form/error-summary/ErrorSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0E;AAC1E,iDAAsD;AACtD,4CAAyC;AACzC,0EAA4E;AA0C5E;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,OAER,EADI,IAAI,cANT,0DAOC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,aAAK,GAAE,CAAC;IAE1B,OAAO,CACL,yDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,qBAAqB,EACrB,wBAAwB,IAAI,EAAE,CAC/B,EACD,QAAQ,EAAE,CAAC,CAAC,eACF,QAAQ,mBACJ,KAAK,qBACF,SAAS;QAE1B,8BAAC,oBAAO,IACN,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,SAAS,IAEZ,OAAO,CACA;QACV,8BAAC,sBAAS,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,2BAA2B,IACjE,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACtC,IAAI,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE,CAAC;gBAC3B,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,sCAAI,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAG,KAAK,CAAM,CAAC;QACjD,CAAC,CAAC,CACQ,CACJ,CACX,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,0BAAgB,CAAC;AAErC,kBAAe,oBAAY,CAAC"}

package/cjs/form/error-summary/ErrorSummaryItem.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { OverridableComponent } from "../../util/types";
+export interface ErrorSummaryItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Link text
+     */
+    children: React.ReactNode;
+    /**
+     * Link to errormessage
+     */
+    href?: string;
+}
+export type ErrorSummaryItemType = OverridableComponent<ErrorSummaryItemProps, HTMLAnchorElement>;
+export declare const ErrorSummaryItem: ErrorSummaryItemType;
+export default ErrorSummaryItem;

package/cjs/form/error-summary/ErrorSummaryItem.js

@@ -45,3 +45,4 @@ exports.ErrorSummaryItem = (0, react_1.forwardRef)((_a, ref) => {
     return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)(className, "navds-error-summary__item", "navds-link") }), children));
 });
 exports.default = exports.ErrorSummaryItem;
+//# sourceMappingURL=ErrorSummaryItem.js.map

package/cjs/form/error-summary/ErrorSummaryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSummaryItem.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummaryItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAoB7B,QAAA,gBAAgB,GAAyB,IAAA,kBAAU,EAC9D,CAAC,EAAqD,EAAE,GAAG,EAAE,EAAE;QAA9D,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,OAAW,EAAN,IAAI,cAAnD,+BAAqD,CAAF;IAClD,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,SAAS,EAAE,2BAA2B,EAAE,YAAY,CAAC,KAElE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,wBAAgB,CAAC"}

package/cjs/form/error-summary/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ErrorSummary } from "./ErrorSummary";
+export { type ErrorSummaryProps } from "./ErrorSummary";

package/cjs/form/error-summary/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorSummary = void 0;
 var ErrorSummary_1 = require("./ErrorSummary");
 Object.defineProperty(exports, "ErrorSummary", { enumerable: true, get: function () { return __importDefault(ErrorSummary_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/form/error-summary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/error-summary/index.ts"],"names":[],"mappings":";;;;;;AAAA,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB"}

package/cjs/form/index.d.ts

@@ -0,0 +1,11 @@
+export { default as ConfirmationPanel, type ConfirmationPanelProps, } from "./ConfirmationPanel";
+export { Fieldset, FieldsetContext, type FieldsetProps } from "./Fieldset";
+export { default as Select, type SelectProps } from "./Select";
+export { default as Switch, type SwitchProps } from "./Switch";
+export { default as TextField, type TextFieldProps } from "./TextField";
+export { default as Textarea, type TextareaProps } from "./Textarea";
+export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, } from "./checkbox";
+export { Combobox as UNSAFE_Combobox, type ComboboxProps } from "./combobox";
+export { ErrorSummary, type ErrorSummaryProps } from "./error-summary";
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, } from "./radio";
+export { Search, type SearchClearEvent, type SearchProps } from "./search";

package/cjs/form/index.js

@@ -29,3 +29,4 @@ Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { r
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_1.RadioGroup; } });
 var search_1 = require("./search");
 Object.defineProperty(exports, "Search", { enumerable: true, get: function () { return search_1.Search; } });
+//# sourceMappingURL=index.js.map

package/cjs/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":";;;;;;AAAA,yDAG6B;AAF3B,uIAAA,OAAO,OAAqB;AAG9B,uCAA2E;AAAlE,oGAAA,QAAQ,OAAA;AAAE,2GAAA,eAAe,OAAA;AAClC,mCAA+D;AAAtD,iHAAA,OAAO,OAAU;AAC1B,mCAA+D;AAAtD,iHAAA,OAAO,OAAU;AAC1B,yCAAwE;AAA/D,uHAAA,OAAO,OAAa;AAC7B,uCAAqE;AAA5D,qHAAA,OAAO,OAAY;AAC5B,uCAKoB;AAJlB,oGAAA,QAAQ,OAAA;AACR,yGAAA,aAAa,OAAA;AAIf,uCAA6E;AAApE,2GAAA,QAAQ,OAAmB;AACpC,iDAAuE;AAA9D,6GAAA,YAAY,OAAA;AACrB,iCAKiB;AAJf,8FAAA,KAAK,OAAA;AACL,mGAAA,UAAU,OAAA;AAIZ,mCAA2E;AAAlE,gGAAA,MAAM,OAAA"}

package/cjs/form/radio/Radio.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { RadioProps } from "./types";
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

package/cjs/form/radio/Radio.js

@@ -51,3 +51,4 @@ exports.Radio = (0, react_1.forwardRef)((props, ref) => {
                 props.description && (react_1.default.createElement(typography_1.BodyShort, { as: "span", id: descriptionId, size: size, className: "navds-form-field__subdescription navds-radio__description", "aria-hidden": true }, props.description))))));
 });
 exports.default = exports.Radio;
+//# sourceMappingURL=Radio.js.map

package/cjs/form/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,iDAA6C;AAC7C,qCAAkC;AAClC,4CAAyC;AAEzC,yCAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,aAAK,GAAE,CAAC;IAE9B,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YACpE,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;YAC5C,uBAAuB,EAAE,QAAQ;SAClC,CAAC;QAEF,yDACM,IAAA,WAAI,EAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,EAC5D,IAAA,WAAI,EAAC,UAAU,EAAE,CAAC,cAAc,CAAC,CAAC,uBACrB,IAAA,cAAE,EACjB,OAAO,EACP,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,EACtD;gBACE,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW;aACnC,CACF,EACD,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,GAAG,IACR;QACF,yCAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAC,oBAAoB;YAC3D,wCAAM,SAAS,EAAC,sBAAsB;gBACpC,8BAAC,sBAAS,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,yBACzC,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,8BAAC,sBAAS,IACR,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,2DAA2D,yBAGpE,KAAK,CAAC,WAAW,CACR,CACb,CACI,CACD,CACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,aAAK,CAAC"}

package/cjs/form/radio/RadioGroup.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import { FieldsetProps } from "../Fieldset";
+export interface RadioGroupContextProps {
+    name: string;
+    defaultValue?: any;
+    value?: any;
+    onChange: (value: any) => void;
+    required?: boolean;
+}
+export declare const RadioGroupContext: React.Context<RadioGroupContextProps | null>;
+export interface RadioGroupProps extends Omit<FieldsetProps, "onChange" | "errorPropagation" | "defaultValue"> {
+    /**
+     * Collection of <Radio />-elements
+     */
+    children: React.ReactNode;
+    /**
+     * Override internal name
+     */
+    name?: string;
+    /**
+     * Default checked Radio
+     */
+    defaultValue?: any;
+    /**
+     * Controlled state for Radio
+     */
+    value?: any;
+    /**
+     * Returns current checked Radio in group
+     */
+    onChange?: (value: any) => void;
+    /**
+     * Tells Fieldset if group is required
+     */
+    required?: boolean;
+}
+/**
+ * Form radio group
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/radio)
+ * @see 🏷️ {@link RadioGroupProps}
+ * @example
+ * <RadioGroup legend="Får du AAP nå?">
+ *    <Radio value="ja">Ja</Radio>
+ *    <Radio value="Nei">Nei</Radio>
+ * </RadioGroup>
+ */
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+export default RadioGroup;

package/cjs/form/radio/RadioGroup.js

@@ -69,3 +69,4 @@ exports.RadioGroup = (0, react_1.forwardRef)((_a, ref) => {
             react_1.default.createElement("div", { className: "navds-radio-buttons" }, children))));
 });
 exports.default = exports.RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/cjs/form/radio/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,4CAAyC;AACzC,0CAAuE;AAU1D,QAAA,iBAAiB,GAC5B,eAAK,CAAC,aAAa,CAAgC,IAAI,CAAC,CAAC;AAiC3D;;;;;;;;;GASG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EAUC,EACD,GAAG,EACH,EAAE;;QAZF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,EACR,QAAQ,OAET,EADI,IAAI,cATT,8FAUC,CADQ;IAIT,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,0BAAe,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,IAAA,aAAK,GAAE,CAAC;IAEvB,OAAO,CACL,8BAAC,mBAAQ,oBACH,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CAChE,EACD,cAAc,EAAE,KAAK;QAErB,8BAAC,yBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,kBAAkB,MAAM,EAAE;gBACxC,YAAY;gBACZ,KAAK;gBACL,QAAQ;gBACR,QAAQ;aACT;YAED,uCAAK,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAO,CAC1B,CACpB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}

package/cjs/form/radio/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Radio } from "./Radio";
+export { default as RadioGroup, type RadioGroupProps } from "./RadioGroup";
+export { type RadioProps } from "./types";

package/cjs/form/radio/index.js

@@ -8,3 +8,4 @@ var Radio_1 = require("./Radio");
 Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return __importDefault(Radio_1).default; } });
 var RadioGroup_1 = require("./RadioGroup");
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return __importDefault(RadioGroup_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/form/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/radio/index.ts"],"names":[],"mappings":";;;;;;AAAA,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,2CAA2E;AAAlE,yHAAA,OAAO,OAAc"}

package/cjs/form/radio/types.d.ts

@@ -0,0 +1,16 @@
+import { InputHTMLAttributes } from "react";
+import { FormFieldProps } from "../useFormField";
+export interface RadioProps extends Omit<FormFieldProps, "error" | "errorId" | "readOnly">, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value"> {
+    /**
+     * Radio label
+     */
+    children: React.ReactNode;
+    /**
+     * The value of the HTML element
+     */
+    value: any;
+    /**
+     * Adds a description to extend labling of Radio
+     */
+    description?: string;
+}

package/cjs/form/radio/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/cjs/form/radio/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/form/radio/types.ts"],"names":[],"mappings":""}

package/cjs/form/radio/useRadio.d.ts

@@ -0,0 +1,25 @@
+import { RadioProps } from "./types";
+/**
+ * Handles props for Radios in context with Fieldset and RadioGroup
+ */
+export declare const useRadio: (props: RadioProps) => {
+    readOnly: boolean | undefined;
+    inputProps: {
+        name: string | undefined;
+        defaultChecked: boolean | undefined;
+        checked: boolean | undefined;
+        onChange: (e: any) => void;
+        onClick: (e: any) => void;
+        required: boolean | undefined;
+        type: string;
+        id: string;
+        "aria-invalid"?: boolean | undefined;
+        "aria-describedby"?: string | undefined;
+        disabled?: boolean | undefined;
+    };
+    showErrorMsg: boolean;
+    hasError: boolean;
+    errorId: string;
+    inputDescriptionId: string;
+    size: "small" | "medium";
+};

package/cjs/form/radio/useRadio.js

@@ -48,3 +48,4 @@ const useRadio = (props) => {
             }, required: radioGroup === null || radioGroup === void 0 ? void 0 : radioGroup.required, type: "radio" }) });
 };
 exports.useRadio = useRadio;
+//# sourceMappingURL=useRadio.js.map

package/cjs/form/radio/useRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRadio.js","sourceRoot":"","sources":["../../../src/form/radio/useRadio.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,qCAAkC;AAClC,kDAA+C;AAC/C,6CAAiD;AAGjD;;GAEG;AACI,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC5C,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,8BAAiB,CAAC,CAAC;IAEjD,MAAM,KAAoC,IAAA,2BAAY,EACpD,IAAA,WAAI,EAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,EAC5B,OAAO,CACR,EAHK,EAAE,UAAU,EAAE,QAAQ,OAG3B,EAHgC,IAAI,cAA/B,0BAAiC,CAGtC,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;IAC5D,CAAC;IAED,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,MAAK,SAAS,EAAE,CAAC;QAClC,OAAO,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;IAC9D,CAAC;IAED,uCACK,IAAI,KACP,QAAQ,EACR,UAAU,kCACL,UAAU,KACb,IAAI,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,EACtB,cAAc,EACZ,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,MAAK,SAAS;gBACpC,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,MAAK,KAAK,CAAC,KAAK,EAC9C,OAAO,EACL,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,MAAK,SAAS;gBAC7B,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,MAAK,KAAK,CAAC,KAAK,EACvC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,IAAI,QAAQ,EAAE,CAAC;oBACb,OAAO;gBACT,CAAC;gBACD,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACpC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,KAAI,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC3D,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;gBACb,IAAI,QAAQ,EAAE,CAAC;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO;gBACT,CAAC;gBACD,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,sDAAG,CAAC,CAAC,CAAC;YACtB,CAAC,EACD,QAAQ,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAC9B,IAAI,EAAE,OAAO,OAEf;AACJ,CAAC,CAAC;AAhDW,QAAA,QAAQ,YAgDnB"}

package/cjs/form/search/Search.d.ts

@@ -0,0 +1,72 @@
+import React, { InputHTMLAttributes } from "react";
+import { FormFieldProps } from "../useFormField";
+import { SearchButtonType } from "./SearchButton";
+export type SearchClearEvent = {
+    trigger: "Click";
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>;
+} | {
+    trigger: "Escape";
+    event: React.KeyboardEvent<HTMLDivElement>;
+};
+export interface SearchProps extends Omit<FormFieldProps, "readOnly">, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+    children?: React.ReactNode;
+    /**
+     * Search label
+     * @note Will be hidden by default, is required for accessibility reasons.
+     */
+    label: React.ReactNode;
+    /**
+     * Shows label and description for screenreaders-only
+     * @default true
+     */
+    hideLabel?: boolean;
+    /**
+     * Callback for value-change in input
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Callback for click on clear-button or Escape keydown
+     */
+    onClear?: (e: SearchClearEvent) => void;
+    /**
+     * Callback for Search-button submit
+     */
+    onSearchClick?: (value: string) => void;
+    /**
+     * aria-label on clear button
+     * @default "Tøm"
+     */
+    clearButtonLabel?: string;
+    /**
+     * If false, removes clear-button option from input.
+     * @default true
+     */
+    clearButton?: boolean;
+    /**
+     * Changes button-variant, "simple" removes button
+     * @default "primary"
+     */
+    variant?: "primary" | "secondary" | "simple";
+    /**
+     * Exposes the HTML size attribute
+     */
+    htmlSize?: number | string;
+}
+interface SearchComponent extends React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLDivElement>> {
+    Button: SearchButtonType;
+}
+/**
+ * A component that displays a search input field.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/search)
+ * @see 🏷️ {@link SearchProps}
+ *
+ * @example
+ * ```jsx
+ * <form>
+ *   <Search label="Søk alle NAV sine sider" variant="primary" />
+ * </form>
+ * ```
+ */
+export declare const Search: SearchComponent;
+export default Search;

package/cjs/form/search/Search.js

@@ -118,3 +118,4 @@ exports.Search = (0, react_1.forwardRef)((props, ref) => {
 });
 exports.Search.Button = SearchButton_1.default;
 exports.default = exports.Search;
+//# sourceMappingURL=Search.js.map

package/cjs/form/search/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":"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"}

package/cjs/form/search/SearchButton.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ButtonProps } from "../../button";
+export interface SearchButtonProps extends Omit<ButtonProps, "size" | "children" | "variant"> {
+    /**
+     * Text set after <Search/> icon
+     */
+    children?: React.ReactNode;
+}
+export type SearchButtonType = React.ForwardRefExoticComponent<SearchButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SearchButton: SearchButtonType;
+export default SearchButton;

package/cjs/form/search/SearchButton.js

@@ -55,3 +55,4 @@ const SearchButton = (0, react_1.forwardRef)((_a, ref) => {
     return (react_1.default.createElement(button_1.Button, Object.assign({ type: "submit" }, rest, { ref: ref, size: size, variant: variant === "secondary" ? "secondary" : "primary", className: (0, clsx_1.default)("navds-search__button-search", className), disabled: (_b = context === null || context === void 0 ? void 0 : context.disabled) !== null && _b !== void 0 ? _b : disabled, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleClick), icon: react_1.default.createElement(aksel_icons_1.MagnifyingGlassIcon, Object.assign({}, (children ? { "aria-hidden": true } : { title: "Søk" }))) }), children));
 });
 exports.default = SearchButton;
+//# sourceMappingURL=SearchButton.js.map