@norges-domstoler/dds-components 21.0.0 → 21.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -5939,6 +5939,7 @@ var DetailList_default = {
5939
5939
  "list--with-dividers": "DetailList_list--with-dividers",
5940
5940
  row: "DetailList_row",
5941
5941
  "list--striped": "DetailList_list--striped",
5942
+ "list--striped-with-bp": "DetailList_list--striped-with-bp",
5942
5943
  "list--small": "DetailList_list--small",
5943
5944
  cell: "DetailList_cell",
5944
5945
  "list--medium": "DetailList_list--medium",
@@ -5973,7 +5974,8 @@ var DetailList = ({
5973
5974
  DetailList_default.list,
5974
5975
  DetailList_default[`list--${size2}`],
5975
5976
  withDividers && DetailList_default["list--with-dividers"],
5976
- striped && DetailList_default["list--striped"]
5977
+ striped && !smallScreenBreakpoint && DetailList_default["list--striped"],
5978
+ striped && smallScreenBreakpoint && DetailList_default["list--striped-with-bp"]
5977
5979
  ),
5978
5980
  htmlProps,
5979
5981
  rest
@@ -5991,17 +5993,18 @@ DetailListDesc.displayName = "DetailListDesc";
5991
5993
  import { Fragment as Fragment5, jsx as jsx235, jsxs as jsxs46 } from "react/jsx-runtime";
5992
5994
  var DetailListRow = ({ className, ...rest }) => {
5993
5995
  const { smallScreenBreakpoint: bp } = useDetailListContext();
5996
+ const hasBp = !!bp;
5994
5997
  return /* @__PURE__ */ jsxs46(Fragment5, { children: [
5995
5998
  /* @__PURE__ */ jsx235(
5996
5999
  Box,
5997
6000
  {
5998
6001
  display: "table-row",
5999
- hideBelow: bp,
6002
+ hideBelow: hasBp ? bp : void 0,
6000
6003
  className: cn(className, DetailList_default.row),
6001
6004
  ...rest
6002
6005
  }
6003
6006
  ),
6004
- /* @__PURE__ */ jsx235(
6007
+ hasBp && /* @__PURE__ */ jsx235(
6005
6008
  Box,
6006
6009
  {
6007
6010
  display: "flex",
@@ -10710,6 +10713,7 @@ var Search = ({
10710
10713
  tip,
10711
10714
  id,
10712
10715
  value,
10716
+ width,
10713
10717
  onChange,
10714
10718
  className,
10715
10719
  style,
@@ -10750,12 +10754,14 @@ var Search = ({
10750
10754
  hasLabel && /* @__PURE__ */ jsx287(Label, { htmlFor: uniqueId, children: label }),
10751
10755
  /* @__PURE__ */ jsxs73("div", { children: [
10752
10756
  /* @__PURE__ */ jsxs73(
10753
- "div",
10757
+ Box,
10754
10758
  {
10755
10759
  className: cn(
10756
10760
  className,
10757
10761
  showSearchButton && Search_default["with-button-container"]
10758
10762
  ),
10763
+ width,
10764
+ gap: "x0.5",
10759
10765
  style,
10760
10766
  children: [
10761
10767
  /* @__PURE__ */ jsxs73("div", { className: Search_default["input-group"], children: [