@norges-domstoler/dds-components 22.7.1 → 22.7.2

package/dist/index.js

@@ -7970,10 +7970,8 @@ var useDetailListContext = () => (0, import_react51.useContext)(DetailListContex
 // src/components/DetailList/DetailList.module.css
 var DetailList_default = {
   list: "DetailList_list",
-  "list--with-dividers": "DetailList_list--with-dividers",
-  row: "DetailList_row",
-  "list--striped": "DetailList_list--striped",
   "list--striped-with-bp": "DetailList_list--striped-with-bp",
+  row: "DetailList_row",
   "list--small": "DetailList_list--small",
   "list--medium": "DetailList_list--medium",
   "list--large": "DetailList_list--large",
@@ -7982,6 +7980,32 @@ var DetailList_default = {
   term: "DetailList_term"
 };
 
+// src/components/Table/normal/Table.module.css
+var Table_default = {
+  wrapper: "Table_wrapper",
+  "wrapper--scrollable": "Table_wrapper--scrollable",
+  table: "Table_table",
+  "table--with-dividers": "Table_table--with-dividers",
+  "row--body": "Table_row--body",
+  "row--colapsible-header--open": "Table_row--colapsible-header--open",
+  "table--sticky-header": "Table_table--sticky-header",
+  "table--with-stripes": "Table_table--with-stripes",
+  "table--small": "Table_table--small",
+  "table--medium": "Table_table--medium",
+  "table--large": "Table_table--large",
+  row: "Table_row",
+  "row--sum": "Table_row--sum",
+  "row--selected": "Table_row--selected",
+  "row--hoverable": "Table_row--hoverable",
+  "cell--head": "Table_cell--head",
+  "cell--left": "Table_cell--left",
+  "cell--right": "Table_cell--right",
+  "cell--center": "Table_cell--center",
+  cell__inner: "Table_cell__inner",
+  "sort-button": "Table_sort-button",
+  "collapse-button": "Table_collapse-button"
+};
+
 // src/components/DetailList/DetailList.tsx
 var import_jsx_runtime258 = require("react/jsx-runtime");
 var DETAIL_LIST_SIZES = createSizes("small", "medium", "large");
@@ -8003,10 +8027,11 @@ var DetailList = ({
       cn(
         className,
         typographyStyles_default[`body-short-${size2}`],
+        Table_default.table,
         DetailList_default.list,
         DetailList_default[`list--${size2}`],
-        withDividers && DetailList_default["list--with-dividers"],
-        striped && !smallScreenBreakpoint && DetailList_default["list--striped"],
+        withDividers && Table_default["table--with-dividers"],
+        striped && !smallScreenBreakpoint && Table_default["table--with-stripes"],
         striped && smallScreenBreakpoint && DetailList_default["list--striped-with-bp"]
       ),
       style,
@@ -8033,7 +8058,7 @@ var DetailListRow = ({ className, ...rest }) => {
       {
         display: "table-row",
         hideBelow: hasBp ? bp : void 0,
-        className: cn(className, DetailList_default.row),
+        className: cn(className, DetailList_default.row, Table_default["row--body"]),
         ...rest
       }
     ),
@@ -8043,7 +8068,12 @@ var DetailListRow = ({ className, ...rest }) => {
         display: "flex",
         flexDirection: "column",
         showBelow: bp,
-        className: cn(className, DetailList_default.row, DetailList_default.column),
+        className: cn(
+          className,
+          DetailList_default.row,
+          DetailList_default.column,
+          Table_default["row--body"]
+        ),
         ...rest
       }
     )
@@ -12712,7 +12742,7 @@ var PhoneInput = ({
               children: countryOptions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime309.jsx)("option", { value: item.countryCode, children: item.label }, index))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime309.jsxs)(Box, { width: "100%", className: Input_default["input-group"], children: [
+          /* @__PURE__ */ (0, import_jsx_runtime309.jsxs)(Box, { width: "100%", display: "flex", className: Input_default["input-group"], children: [
             /* @__PURE__ */ (0, import_jsx_runtime309.jsx)(
               "span",
               {
@@ -13949,32 +13979,6 @@ function useIsInTableHead() {
   return isInTableHead;
 }
 
-// src/components/Table/normal/Table.module.css
-var Table_default = {
-  wrapper: "Table_wrapper",
-  "wrapper--scrollable": "Table_wrapper--scrollable",
-  table: "Table_table",
-  "table--with-dividers": "Table_table--with-dividers",
-  "row--body": "Table_row--body",
-  "row--colapsible-header--open": "Table_row--colapsible-header--open",
-  "table--sticky-header": "Table_table--sticky-header",
-  "table--with-stripes": "Table_table--with-stripes",
-  "table--small": "Table_table--small",
-  "table--medium": "Table_table--medium",
-  "table--large": "Table_table--large",
-  row: "Table_row",
-  "row--sum": "Table_row--sum",
-  "row--selected": "Table_row--selected",
-  "row--hoverable": "Table_row--hoverable",
-  "cell--head": "Table_cell--head",
-  "cell--left": "Table_cell--left",
-  "cell--right": "Table_cell--right",
-  "cell--center": "Table_cell--center",
-  cell__inner: "Table_cell__inner",
-  "sort-button": "Table_sort-button",
-  "collapse-button": "Table_collapse-button"
-};
-
 // src/components/Table/normal/Cell.tsx
 var import_jsx_runtime324 = require("react/jsx-runtime");
 var Cell = ({