@norges-domstoler/dds-components 0.0.0-dev-20240312083707 → 0.0.0-dev-20240313120652

package/dist/index.d.mts

@@ -2882,7 +2882,7 @@ type TableCellProps = {
      * @default 'data' hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
      */
     type?: TableCellType;
-    /**Layout av innholdet i cellen. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.  */
+    /**Layout av innholdet i cellen; legger en flex `<div>` i cellen, unntatt 'none' som ikke legger inn noe. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.  */
     layout?: TableCellLayout;
     /** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
     collapsibleProps?: CollapsibleProps;

package/dist/index.d.ts

@@ -2882,7 +2882,7 @@ type TableCellProps = {
      * @default 'data' hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
      */
     type?: TableCellType;
-    /**Layout av innholdet i cellen. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.  */
+    /**Layout av innholdet i cellen; legger en flex `<div>` i cellen, unntatt 'none' som ikke legger inn noe. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.  */
     layout?: TableCellLayout;
     /** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
     collapsibleProps?: CollapsibleProps;

package/dist/index.js

@@ -13037,11 +13037,11 @@ var getLayoutStyle = (layout) => {
   switch (layout) {
     case "center":
       return import_styled_components85.css`
-        justify-content: center;
+        text-align: center;
       `;
     case "right":
       return import_styled_components85.css`
-        justify-content: flex-end;
+        text-align: right;
       `;
     case "text and icon":
       return import_styled_components85.css`
@@ -13056,6 +13056,7 @@ var StyledCell = import_styled_components85.default.td`
   ${({ $type: type }) => type === "head" && import_styled_components85.css`
       background-color: ${cell3.head.backgroundColor};
     `}
+  ${({ $layout: layout }) => layout && getLayoutStyle(layout)}
 `;
 var InnerCell = import_styled_components85.default.div`
   display: flex;
@@ -13077,7 +13078,18 @@ var Cell2 = (0, import_react102.forwardRef)(
     const type = _type != null ? _type : isInHead ? "head" : "data";
     const as = getTableCellType(type);
     const { isCollapsibleChild } = collapsibleProps != null ? collapsibleProps : {};
-    return isCollapsibleChild ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(DescriptionListDesc, { children }) : /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(StyledCell, { as, ref, $type: type, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(InnerCell, { $layout: layout, children }) });
+    const isComplexLayout = layout === "text and icon";
+    return isCollapsibleChild ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(DescriptionListDesc, { children }) : /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
+      StyledCell,
+      {
+        as,
+        ref,
+        $layout: isComplexLayout ? void 0 : layout,
+        $type: type,
+        ...rest,
+        children: isComplexLayout ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(InnerCell, { $layout: layout, children }) : children
+      }
+    );
   }
 );
 Cell2.displayName = "Table.Cell";