@norges-domstoler/dds-components 22.7.0 → 22.7.2

package/dist/index.mjs

@@ -7619,10 +7619,8 @@ var useDetailListContext = () => useContext13(DetailListContext);
 // 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",
@@ -7631,6 +7629,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
 import { jsx as jsx258 } from "react/jsx-runtime";
 var DETAIL_LIST_SIZES = createSizes("small", "medium", "large");
@@ -7652,10 +7676,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,
@@ -7682,7 +7707,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
       }
     ),
@@ -7692,7 +7717,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
       }
     )
@@ -8061,7 +8091,7 @@ var ErrorSummary = ({
         props
       ),
       background: "surface-danger-default",
-      padding: "x1 x0.75 x1.5 x1",
+      padding: "x1 x0.75 x0.25 x1",
       children: [
         heading,
         /* @__PURE__ */ jsx267(List, { children })
@@ -10759,6 +10789,7 @@ var optionTypography = {
     letterSpacing: "var(--dds-font-body-short-xsmall-letter-spacing)"
   }
 };
+var controlTypography = optionTypography;
 var multiValueLabelTypography = {
   medium: {
     font: "var(--dds-font-body-short-small)",
@@ -10779,22 +10810,12 @@ var groupHeadingTypography = {
 };
 var typography = {
   option: optionTypography,
+  control: controlTypography,
   multiValueLabel: multiValueLabelTypography,
   groupHeading: groupHeadingTypography
 };
 var prefix = "dds-select";
-var control = {
-  medium: {
-    ...optionTypography.medium
-  },
-  small: {
-    ...optionTypography.small
-  },
-  xsmall: {
-    ...optionTypography.xsmall
-  }
-};
-var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
+var getCustomStyles = (size2, hasError, isReadOnly) => ({
   control: (provided, state) => ({
     position: "relative",
     display: "flex",
@@ -10806,7 +10827,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     borderColor: "var(--dds-color-border-default)",
     backgroundColor: "var(--dds-color-surface-default)",
     transition: `box-shadow var(--dds-motion-micro-state), border-color var(--dds-motion-micro-state), ${focusVisibleTransitionValue}`,
-    ...control[size2],
+    ...typography.control[size2],
     "&:hover": {
       ...!isReadOnly && {
         borderColor: "var(--dds-color-border-action-hover)",
@@ -10952,7 +10973,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     gap: "var(--dds-spacing-x0-25)",
     padding: "var(--dds-spacing-x0-75)",
     backgroundColor: "var(--dds-color-surface-default)",
-    ...typography.option.medium,
+    ...typography.option[size2],
     color: "var(--dds-color-text-default)",
     "@media (prefers-reduced-motion: no-preference)": {
       transition: "color var(--dds-motion-micro-state), background-color var(--dds-motion-micro-state)"
@@ -11150,7 +11171,6 @@ function Select({
   const uniqueId = id != null ? id : `${generatedId}-select`;
   const singleValueId = !isMulti ? `${uniqueId}-singleValue` : void 0;
   const hasErrorMessage = !!errorMessage;
-  const hasIcon = !!icon;
   const showRequiredStyling = !!(rest.required || ariaRequired);
   const tipId = derivativeIdGenerator(uniqueId, "tip");
   const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
@@ -11233,12 +11253,7 @@ function Select({
     name: uniqueId,
     menuPortalTarget: portalTarget,
     classNamePrefix: prefix,
-    styles: getCustomStyles(
-      componentSize,
-      hasErrorMessage,
-      hasIcon,
-      readOnly
-    ),
+    styles: getCustomStyles(componentSize, hasErrorMessage, readOnly),
     filterOption: (option, inputValue) => {
       const { label: label2 } = option;
       return searchFilter(label2, inputValue) || inputValue === "";
@@ -12424,7 +12439,7 @@ var PhoneInput = ({
               children: countryOptions.map((item, index) => /* @__PURE__ */ jsx308("option", { value: item.countryCode, children: item.label }, index))
             }
           ),
-          /* @__PURE__ */ jsxs119(Box, { width: "100%", className: Input_default["input-group"], children: [
+          /* @__PURE__ */ jsxs119(Box, { width: "100%", display: "flex", className: Input_default["input-group"], children: [
             /* @__PURE__ */ jsx308(
               "span",
               {
@@ -13699,32 +13714,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
 import { jsx as jsx323 } from "react/jsx-runtime";
 var Cell = ({