@norges-domstoler/dds-components 21.0.0 → 21.1.0

package/dist/index.d.mts

@@ -2522,9 +2522,9 @@ type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
     componentSize?: SearchSize;
     /**Props for søkeknappen. */
     buttonProps?: SearchButtonProps;
-} & ComponentPropsWithRef<'input'>;
+} & Pick<InputProps, 'width'> & Omit<ComponentPropsWithRef<'input'>, 'width'>;
 declare const Search$1: {
-    ({ componentSize, buttonProps, name, label, tip, id, value, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
+    ({ componentSize, buttonProps, name, label, tip, id, value, width, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -2522,9 +2522,9 @@ type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
     componentSize?: SearchSize;
     /**Props for søkeknappen. */
     buttonProps?: SearchButtonProps;
-} & ComponentPropsWithRef<'input'>;
+} & Pick<InputProps, 'width'> & Omit<ComponentPropsWithRef<'input'>, 'width'>;
 declare const Search$1: {
-    ({ componentSize, buttonProps, name, label, tip, id, value, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
+    ({ componentSize, buttonProps, name, label, tip, id, value, width, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/index.js

@@ -6264,6 +6264,7 @@ var DetailList_default = {
   "list--with-dividers": "DetailList_list--with-dividers",
   row: "DetailList_row",
   "list--striped": "DetailList_list--striped",
+  "list--striped-with-bp": "DetailList_list--striped-with-bp",
   "list--small": "DetailList_list--small",
   cell: "DetailList_cell",
   "list--medium": "DetailList_list--medium",
@@ -6298,7 +6299,8 @@ var DetailList = ({
         DetailList_default.list,
         DetailList_default[`list--${size2}`],
         withDividers && DetailList_default["list--with-dividers"],
-        striped && DetailList_default["list--striped"]
+        striped && !smallScreenBreakpoint && DetailList_default["list--striped"],
+        striped && smallScreenBreakpoint && DetailList_default["list--striped-with-bp"]
       ),
       htmlProps,
       rest
@@ -6316,17 +6318,18 @@ DetailListDesc.displayName = "DetailListDesc";
 var import_jsx_runtime235 = require("react/jsx-runtime");
 var DetailListRow = ({ className, ...rest }) => {
   const { smallScreenBreakpoint: bp } = useDetailListContext();
+  const hasBp = !!bp;
   return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(import_jsx_runtime235.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
       Box,
       {
         display: "table-row",
-        hideBelow: bp,
+        hideBelow: hasBp ? bp : void 0,
         className: cn(className, DetailList_default.row),
         ...rest
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
+    hasBp && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
       Box,
       {
         display: "flex",
@@ -10960,6 +10963,7 @@ var Search = ({
   tip,
   id,
   value,
+  width,
   onChange,
   className,
   style,
@@ -11000,12 +11004,14 @@ var Search = ({
     hasLabel && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(Label, { htmlFor: uniqueId, children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)(
-        "div",
+        Box,
         {
           className: cn(
             className,
             showSearchButton && Search_default["with-button-container"]
           ),
+          width,
+          gap: "x0.5",
           style,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)("div", { className: Search_default["input-group"], children: [