asma-ui-core 3.102.0 → 3.103.1

package/dist/components/navigation/link/StyledLink.module.js

@@ -1,9 +1,10 @@
 var l = {
-  "styled-link": "_styled-link_1mhky_1",
-  "styled-link-disabled": "_styled-link-disabled_1mhky_14",
-  "styled-link-xs": "_styled-link-xs_1mhky_30",
-  "styled-link-small": "_styled-link-small_1mhky_35",
-  "styled-link-large": "_styled-link-large_1mhky_40"
+  "styled-link": "_styled-link_1au3b_1",
+  "styled-link-disabled": "_styled-link-disabled_1au3b_14",
+  "styled-link-button": "_styled-link-button_1au3b_30",
+  "styled-link-xs": "_styled-link-xs_1au3b_35",
+  "styled-link-small": "_styled-link-small_1au3b_40",
+  "styled-link-large": "_styled-link-large_1au3b_45"
 };
 export {
   l as default

package/dist/components/navigation/menu/StyledMenu.js

@@ -1,36 +1,33 @@
-import { cn as u } from "../../../helpers/cn.js";
-import { StyledPopover as c } from "../../utils/popover/StyledPopover.js";
-import { StyledMenuList as S } from "./StyledMenuList.js";
+import { cn as c } from "../../../helpers/cn.js";
+import { StyledPopover as x } from "../../utils/popover/StyledPopover.js";
+import { StyledMenuList as N } from "./StyledMenuList.js";
 import { jsx as o } from "react/jsx-runtime";
-var N = {
-  border: "1px solid var(--colors-delta-300)",
-  boxShadow: "0px 2px 4px 0px rgba(34, 33, 51, 0.15)"
-}, h = ({ open: p, anchorEl: m, onClose: t, anchorOrigin: l, transformOrigin: i, id: d, className: s, sx: x, classes: a, slotProps: e, autoFocus: n = !0, onClick: y, children: b, keepMounted: f }) => /* @__PURE__ */ o(c, {
+var S = { border: "1px solid var(--colors-delta-300)" }, w = ({ open: p, anchorEl: m, onClose: t, anchorOrigin: l, transformOrigin: i, id: s, className: d, sx: n, classes: a, slotProps: e, autoFocus: y = !0, onClick: f, children: u, keepMounted: b }) => /* @__PURE__ */ o(x, {
   open: p,
   anchorEl: m,
   onClose: t,
   tabIntoContent: !1,
   anchorOrigin: l,
   transformOrigin: i,
-  id: d,
-  className: s,
-  sx: x,
-  keepMounted: f,
+  id: s,
+  className: d,
+  sx: n,
+  keepMounted: b,
   slotProps: { paper: {
-    className: u("rounded", a?.paper, e?.paper?.className),
-    sx: [N, e?.paper?.sx],
+    className: c("rounded", a?.paper, e?.paper?.className),
+    sx: [S, e?.paper?.sx],
     style: e?.paper?.style
   } },
-  children: /* @__PURE__ */ o(S, {
-    autoFocus: n,
+  children: /* @__PURE__ */ o(N, {
+    autoFocus: y,
     className: a?.list,
-    onClick: y,
+    onClick: f,
     onKeyDown: (r) => {
       r.key === "Tab" && r.target.getAttribute("role") === "menuitem" && t?.(r, "tabKeyDown");
     },
-    children: b
+    children: u
   })
 });
 export {
-  h as StyledMenu
+  w as StyledMenu
 };

package/dist/components/navigation/menu/StyledMenu.module.js

@@ -0,0 +1,4 @@
+var t = "_list_1t3hh_1", e = { list: t };
+export {
+  e as default
+};

package/dist/components/navigation/menu/StyledMenuItem.js

@@ -1,25 +1,51 @@
-import { cn as r } from "../../../helpers/cn.js";
-import { resolveSx as c } from "../../../helpers/sx.js";
-import { jsx as f } from "react/jsx-runtime";
-var g = ({ children: n, onClick: o, onMouseDown: i, onMouseUp: s, disabled: e, selected: l, dense: m, className: d, classes: a, sx: u, "data-test": p, "data-testid": x, value: v }) => /* @__PURE__ */ f("li", {
-  role: "menuitem",
-  "aria-disabled": e ? !0 : void 0,
-  tabIndex: -1,
-  "data-test": p,
-  "data-testid": x,
-  onClick: e ? void 0 : o,
-  onMouseDown: e ? void 0 : i,
-  onMouseUp: e ? void 0 : s,
-  onKeyDown: (t) => {
-    e || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o?.(t));
-  },
-  className: r("box-border flex items-center px-4 text-base outline-none focus-visible:shadow-[inset_3px_0_var(--colors-focus-ring)]", m ? "min-h-8 py-1" : "min-h-10 py-2", "asma-pressable asma-touch-target", e ? "cursor-not-allowed text-delta-300 aria-disabled:text-delta-300" : "cursor-pointer text-delta-700 hover:bg-delta-50", l && r("bg-gama-50", a?.selected), a?.root, d),
-  style: {
-    fontFamily: "Roboto, Helvetica, Arial, sans-serif",
-    ...c(u)
-  },
-  children: n
-});
+import { cn as i } from "../../../helpers/cn.js";
+import { resolveSx as w } from "../../../helpers/sx.js";
+import { StyledCheckbox as D } from "../../inputs/checkbox/base-ui/StyledCheckbox.js";
+import { StyledTooltip as g } from "../../data-display/tooltip/StyledTooltip.js";
+import { Children as k, isValidElement as A } from "react";
+import { jsx as u } from "react/jsx-runtime";
+var p = {
+  en: "Already added",
+  no: "Allerede lagt til"
+}, E = () => (typeof document > "u" ? "" : document.documentElement.lang).toLowerCase().startsWith("en") ? p.en : p.no, c = (r) => {
+  let t = !1;
+  return k.forEach(r, (o) => {
+    if (t || !A(o)) return;
+    if (o.type === D) {
+      const e = o.props;
+      t = e.checked === !0 && e.disabled === !0;
+      return;
+    }
+    const a = o.props.children;
+    a !== void 0 && c(a) && (t = !0);
+  }), t;
+}, j = ({ children: r, onClick: t, onMouseDown: o, onMouseUp: a, disabled: e, selected: l, dense: f, tooltip: y, className: v, classes: d, sx: x, "data-test": h, "data-testid": b, value: _ }) => {
+  const s = /* @__PURE__ */ u("li", {
+    role: "menuitem",
+    "aria-disabled": e ? !0 : void 0,
+    tabIndex: -1,
+    "data-test": h,
+    "data-testid": b,
+    onClick: e ? void 0 : t,
+    onMouseDown: e ? void 0 : o,
+    onMouseUp: e ? void 0 : a,
+    onKeyDown: (n) => {
+      e || (n.key === "Enter" || n.key === " ") && (n.preventDefault(), t?.(n));
+    },
+    className: i("box-border flex items-center px-4 text-base outline-none focus-visible:shadow-[inset_3px_0_var(--colors-focus-ring)]", f ? "min-h-8 py-1" : "min-h-10 py-2", "asma-pressable asma-touch-target", e ? "cursor-not-allowed text-delta-300 aria-disabled:text-delta-300" : i("cursor-pointer text-delta-700", !l && "hover:bg-delta-50"), l && i("bg-gama-50", d?.selected), d?.root, v),
+    style: {
+      fontFamily: "Roboto, Helvetica, Arial, sans-serif",
+      ...w(x)
+    },
+    children: r
+  }), m = y ?? (c(r) ? E() : void 0);
+  return m ? /* @__PURE__ */ u(g, {
+    title: m,
+    arrow: !0,
+    placement: "top",
+    children: s
+  }) : s;
+};
 export {
-  g as StyledMenuItem
+  j as StyledMenuItem
 };

package/dist/components/navigation/menu/StyledMenuList.js

@@ -1,44 +1,60 @@
-import { cn as A } from "../../../helpers/cn.js";
-import { consumerOverrides as h } from "../../../helpers/classOverride.js";
-import { useEffect as b, useRef as k } from "react";
-import { jsx as u } from "react/jsx-runtime";
-var c = (o) => o ? Array.from(o.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [], R = ({ children: o, id: a, role: d = "menu", className: s, autoFocus: i, disablePadding: y, onClick: p, onKeyDown: x }) => {
-  const t = k(null), f = h(s, "padding");
-  b(() => {
-    i && c(t.current)[0]?.focus();
-  }, [i]);
-  const w = (e) => {
-    if (x?.(e), ![
+import { cn as S } from "../../../helpers/cn.js";
+import { consumerOverrides as v } from "../../../helpers/classOverride.js";
+import L from "./StyledMenu.module.js";
+import { useEffect as I, useLayoutEffect as M, useRef as R } from "react";
+import { jsx as d } from "react/jsx-runtime";
+var p = '[role="menu"], [role="listbox"]', u = '[role="menuitem"]', b = (o) => Array.from(o.childNodes).flatMap((r) => r instanceof HTMLElement ? r.hidden ? [] : r.matches(p) ? [null] : r.matches(u) ? [r] : r.querySelector(u) ? b(r) : [null] : r.textContent?.trim() ? [null] : []), y = (o) => o ? Array.from(o.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [], H = ({ children: o, id: r, role: h = "menu", className: a, autoFocus: f, disablePadding: E, onClick: A, onKeyDown: w }) => {
+  const i = R(null), c = v(a, "padding");
+  M(() => {
+    const e = i.current;
+    if (!e) return;
+    const t = () => {
+      const n = b(e);
+      Array.from(e.querySelectorAll(u)).filter((l) => l.closest(p) === e).forEach((l) => l.removeAttribute("data-menu-separator")), n.forEach((l, g) => l?.toggleAttribute("data-menu-separator", !!n[g + 1]));
+    };
+    t();
+    const s = new MutationObserver(t);
+    return s.observe(e, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["hidden"]
+    }), () => s.disconnect();
+  }, []), I(() => {
+    f && y(i.current)[0]?.focus();
+  }, [f]);
+  const x = (e) => {
+    if (w?.(e), ![
       "ArrowDown",
       "ArrowUp",
       "Home",
       "End"
     ].includes(e.key)) return;
     e.preventDefault();
-    const r = c(t.current);
-    if (r.length === 0) return;
-    const l = r.findIndex((g) => g === document.activeElement);
-    let n = l;
-    e.key === "ArrowDown" ? n = (l + 1) % r.length : e.key === "ArrowUp" ? n = (l - 1 + r.length) % r.length : e.key === "Home" ? n = 0 : e.key === "End" && (n = r.length - 1), r[n]?.focus();
+    const t = y(i.current);
+    if (t.length === 0) return;
+    const s = t.findIndex((l) => l === document.activeElement);
+    let n = s;
+    e.key === "ArrowDown" ? n = (s + 1) % t.length : e.key === "ArrowUp" ? n = (s - 1 + t.length) % t.length : e.key === "Home" ? n = 0 : e.key === "End" && (n = t.length - 1), t[n]?.focus();
   }, m = {
-    id: a,
-    className: A("m-0 list-none outline-none", !f && "px-0", !f && (y ? "py-0" : "py-2"), s),
+    id: r,
+    className: S(L.list, "m-0 list-none outline-none", !c && "px-0", !c && (E ? "py-0" : "py-2"), a),
     style: { fontFamily: "Roboto, Helvetica, Arial, sans-serif" },
-    onClick: p,
-    onKeyDown: w
+    onClick: A,
+    onKeyDown: x
   };
-  return d === "listbox" ? /* @__PURE__ */ u("ul", {
-    ref: t,
+  return h === "listbox" ? /* @__PURE__ */ d("ul", {
+    ref: i,
     ...m,
     role: "listbox",
     children: o
-  }) : /* @__PURE__ */ u("ul", {
-    ref: t,
+  }) : /* @__PURE__ */ d("ul", {
+    ref: i,
     ...m,
     role: "menu",
     children: o
   });
 };
 export {
-  R as StyledMenuList
+  H as StyledMenuList
 };

package/dist/src/components/feedback/dialog/StyledDialog.d.ts

@@ -55,6 +55,8 @@ export interface IStyledDialogProps {
     dialogLabel?: ReactNode;
     /** @figmaProp header Title (Page title 24 SemiBold, delta-800) */
     dialogTitle?: ReactNode;
+    /** Accessible name when the dialog has no visible title. */
+    ariaLabel?: string;
     dialogHeaderNode?: ReactNode;
 }
 /**

package/dist/src/components/feedback/dialog/StyledDialogTitle.d.ts

@@ -5,6 +5,9 @@ interface DialogTitleProps extends HTMLAttributes<HTMLHeadingElement> {
 }
 /**
  * MUI-free dialog title: a semantic `<h2>` with the previous SCSS metrics as Tailwind. TASK-101.
+ *
+ * Adopts the id its enclosing `StyledDialog` offers, so the dialog is named by this visible title
+ * rather than by its test hook (WCAG 4.1.2). An explicit `id` from the caller always wins.
  */
-export declare const StyledDialogTitle: ({ children, className, sx, style, classes: _classes, ...rest }: DialogTitleProps) => JSX.Element | null;
+export declare const StyledDialogTitle: ({ children, className, sx, style, id, classes: _classes, ...rest }: DialogTitleProps) => JSX.Element | null;
 export {};

package/dist/src/components/feedback/dialog/dialogTitleContext.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Lets a `<StyledDialogTitle>` child name the dialog that contains it.
+ *
+ * `StyledDialog` can point `aria-labelledby` at its own `dialogTitle` prop directly, but a large
+ * share of consumers render the title as a child instead (e.g. advoca's privacy-consent modal).
+ * Without this, those dialogs fall back to having no accessible name at all — WCAG 4.1.2 requires
+ * the dialog to be named by its visible title, not by a test hook.
+ */
+export interface StyledDialogTitleContextValue {
+    /** `id` the title adopts so the dialog can reference it. */
+    titleId: string;
+    /** Registers the title's actual id, including an explicit caller-supplied id. */
+    setTitleId: (titleId: string | undefined) => void;
+}
+export declare const StyledDialogTitleContext: import('react').Context<StyledDialogTitleContextValue | null>;

package/dist/src/components/navigation/link/StyledLink.d.ts

@@ -1,4 +1,4 @@
-import { default as React, AnchorHTMLAttributes, ReactNode } from 'react';
+import { default as React, AnchorHTMLAttributes, MouseEvent, ReactNode } from 'react';
 /**
  * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#14472-14569 (Design-System · "Link")
  *
@@ -6,7 +6,8 @@ import { default as React, AnchorHTMLAttributes, ReactNode } from 'react';
  * Disabled = delta-300; Focused/Pressed adds a 1px gama-400 rounded indicator (radius 4, px4/py2).
  * State is derived at runtime from `:hover`/`:focus`/`disabled`, not a prop.
  */
-export type StyledLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+export type StyledLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'> & {
+    onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
     /** @figmaProp State = true→"Disabled" (renders a non-interactive <span>, delta-300) */
     disabled?: boolean;
     /** @figmaProp Size = small→"Base" (14/20) | large→"Medium" (16/24); xs (12/20) = none (no DS size) */

package/dist/src/components/navigation/menu/StyledMenuItem.d.ts

@@ -1,9 +1,7 @@
 import { MouseEvent, ReactNode } from 'react';
 /**
- * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#16073-19226
- * Figma "Menus item" (h40, label 16px text-icon/body). Figma **State** (Enabled/Hover/Selected/
- * Disabled) ← native hover + `selected`/`disabled`; **Type** (Only Label/Icon/Checkbox/Check mark)
- * is expressed via `children`. Selected bg = `gama-50`, hover bg = `delta-50`.
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#16073-21583
+ * Figma "Menus item" (h40, label 16px text-icon/body). Hover gray `#f0f2f4`, separator `#d3d8df`.
  */
 export interface StyledMenuItemProps {
     /** @figmaProp content — Type (Only Label / Icon / Checkbox / Check mark) via composition */
@@ -18,6 +16,12 @@ export interface StyledMenuItemProps {
     selected?: boolean;
     /** Compact vertical padding (MUI `MenuItem` `dense` parity, DEC-003). */
     dense?: boolean;
+    /**
+     * Hover/focus hint. Optional. When omitted, a checked and disabled checkbox (an option that is
+     * already selected and cannot be picked again) gets "Allerede lagt til", or "Already added" when
+     * `<html lang>` is English. Pass this to use another phrase, such as "Already in use".
+     */
+    tooltip?: ReactNode;
     value?: unknown;
     className?: string;
     classes?: {
@@ -32,4 +36,4 @@ export interface StyledMenuItemProps {
  * Native `role="menuitem"` (replaces MUI `MenuItem`). Enter/Space activate; a disabled item stays
  * focusable but non-interactive (MUI parity). Public props preserved (DEC-003). TASK-303.
  */
-export declare const StyledMenuItem: ({ children, onClick, onMouseDown, onMouseUp, disabled, selected, dense, className, classes, sx, "data-test": dataTest, "data-testid": dataTestId, value: _value, }: StyledMenuItemProps) => JSX.Element;
+export declare const StyledMenuItem: ({ children, onClick, onMouseDown, onMouseUp, disabled, selected, dense, tooltip, className, classes, sx, "data-test": dataTest, "data-testid": dataTestId, value: _value, }: StyledMenuItemProps) => JSX.Element;

package/dist/src/table/components/columns/dndHandleColumn.d.ts

@@ -1,8 +1,9 @@
 import { Arguments } from '@dnd-kit/sortable/dist/hooks/useSortable';
 import { FC } from 'react';
 import { ColumnDef } from '../../types';
-export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<TData, unknown>, rowHeight?: number): ColumnDef<TData, unknown>;
+export declare function generateDndHandleColumn<TData>(custom_props?: ColumnDef<TData, unknown>, rowHeight?: number, locale?: 'en' | 'no'): ColumnDef<TData, unknown>;
 export declare const RowDragHandleCell: FC<Partial<Omit<Arguments, 'id'>> & {
+    ariaLabel?: string;
     rowId: string;
     rowHeight?: number;
 }>;

package/dist/src/table/components/columns/expandColumn.d.ts

@@ -1,2 +1,2 @@
 import { ColumnDef } from '../../types';
-export declare function generateExpandColumn<TData>(isFixed: boolean, rowHeight?: number): ColumnDef<TData, unknown>;
+export declare function generateExpandColumn<TData>(isFixed: boolean, rowHeight?: number, locale?: 'en' | 'no'): ColumnDef<TData, unknown>;

package/dist/src/table/components/columns/showTextColumn.d.ts

@@ -1,2 +1,2 @@
 import { ColumnDef } from '../../types';
-export declare function generateShowFullTextColumn<TData>(isFixed: boolean, rowHeight?: number): ColumnDef<TData, unknown>;
+export declare function generateShowFullTextColumn<TData>(isFixed: boolean, rowHeight?: number, locale?: 'en' | 'no'): ColumnDef<TData, unknown>;

package/dist/table/components/columns/dndHandleColumn.js

@@ -1,40 +1,42 @@
-import { DND_HANDLE_COLUMN_ID as a } from "../../types.js";
-import { DotsHorizontalIcon as n } from "../../shared-components/DotsHorizontalIcon.js";
-import d from "clsx";
-import { jsx as o } from "react/jsx-runtime";
-import { useSortable as s } from "@dnd-kit/sortable";
-function D(r, t) {
+import { DND_HANDLE_COLUMN_ID as n } from "../../types.js";
+import { DotsHorizontalIcon as d } from "../../shared-components/DotsHorizontalIcon.js";
+import s from "clsx";
+import { jsx as a } from "react/jsx-runtime";
+import { useSortable as m } from "@dnd-kit/sortable";
+function p(r, t, l) {
   return {
     enableHiding: !1,
     enableSorting: !1,
     header: () => null,
-    cell: ({ row: e }) => /* @__PURE__ */ o(m, {
+    cell: ({ row: e }) => /* @__PURE__ */ a(u, {
+      ariaLabel: l === "no" ? `Endre rekkefølge på rad ${e.index + 1}` : `Reorder row ${e.index + 1}`,
       rowId: e.id,
       rowHeight: t
     }),
     minSize: 50,
     size: 50,
     ...r,
-    id: a
+    id: n
   };
 }
-var m = ({ rowId: r, rowHeight: t, ...e }) => {
-  const { attributes: l, listeners: i } = s({
-    id: r,
+var u = ({ ariaLabel: r, rowId: t, rowHeight: l, ...e }) => {
+  const { attributes: i, listeners: o } = m({
+    id: t,
     ...e
   });
-  return /* @__PURE__ */ o("div", {
-    ...l,
+  return /* @__PURE__ */ a("div", {
     ...i,
-    style: { height: t ?? "auto" },
-    children: /* @__PURE__ */ o(n, {
+    ...o,
+    "aria-label": r,
+    style: { height: l ?? "auto" },
+    children: /* @__PURE__ */ a(d, {
       width: 24,
       height: 24,
-      className: d(e.disabled ? "cursor-not-allowed text-delta-300" : "cursor-grab text-delta-800")
+      className: s(e.disabled ? "cursor-not-allowed text-delta-300" : "cursor-grab text-delta-800")
     })
   });
 };
 export {
-  m as RowDragHandleCell,
-  D as generateDndHandleColumn
+  u as RowDragHandleCell,
+  p as generateDndHandleColumn
 };

package/dist/table/components/columns/expandColumn.js

@@ -1,31 +1,31 @@
-import { EXPAND_COLUMN_ID as i } from "../../types.js";
-import { ChevronDownIcon as a } from "../../shared-components/ChevronDownIcon.js";
-import { jsx as t } from "react/jsx-runtime";
+import { EXPAND_COLUMN_ID as a } from "../../types.js";
+import { ChevronDownIcon as d } from "../../shared-components/ChevronDownIcon.js";
+import { jsx as r } from "react/jsx-runtime";
 import "@tanstack/react-table";
-function f(r, o) {
+function x(t, o, i) {
   return {
-    id: i,
+    id: a,
     minSize: 50,
     maxSize: 50,
     size: 50,
     enableHiding: !1,
     enableSorting: !1,
     header: () => null,
-    cell: ({ cell: e }) => {
-      const n = e.row.getIsExpanded();
-      return e.row.getCanExpand() ? /* @__PURE__ */ t("button", {
+    cell: ({ cell: n }) => {
+      const e = n.row.getIsExpanded();
+      return n.row.getCanExpand() ? /* @__PURE__ */ r("button", {
         type: "button",
-        "aria-label": n ? "Collapse row" : "Expand row",
-        "aria-expanded": n,
+        "aria-label": i === "no" ? e ? `Skjul rad ${n.row.index + 1}` : `Utvid rad ${n.row.index + 1}` : e ? `Collapse row ${n.row.index + 1}` : `Expand row ${n.row.index + 1}`,
+        "aria-expanded": e,
         className: "flex w-full items-center justify-center border-0 bg-transparent p-0 outline-none focus:outline-none",
-        onClick: () => e.row.getToggleExpandedHandler()(),
+        onClick: () => n.row.getToggleExpandedHandler()(),
         style: { height: o ?? "auto" },
-        children: /* @__PURE__ */ t(a, {
+        children: /* @__PURE__ */ r(d, {
           className: "block size-6 shrink-0",
           width: 24,
           height: 24,
           style: {
-            transform: n ? "rotate(180deg)" : "rotate(0deg)",
+            transform: e ? "rotate(180deg)" : "rotate(0deg)",
             transformBox: "fill-box",
             transformOrigin: "center",
             transitionProperty: "transform",
@@ -35,9 +35,9 @@ function f(r, o) {
         })
       }) : null;
     },
-    fixedLeft: r
+    fixedLeft: t
   };
 }
 export {
-  f as generateExpandColumn
+  x as generateExpandColumn
 };

package/dist/table/components/columns/showTextColumn.js

@@ -1,35 +1,36 @@
-import { SHOW_FULL_TEXT_ID as i } from "../../types.js";
-import { ChevronDownIcon as l } from "../../shared-components/ChevronDownIcon.js";
-import { StyledButton as s } from "../../shared-components/button/StyledButton.js";
-import { jsx as o } from "react/jsx-runtime";
-function f(e, r) {
+import { SHOW_FULL_TEXT_ID as l } from "../../types.js";
+import { ChevronDownIcon as s } from "../../shared-components/ChevronDownIcon.js";
+import { StyledButton as d } from "../../shared-components/button/StyledButton.js";
+import { jsx as r } from "react/jsx-runtime";
+function c(e, o, n) {
   return {
-    id: i,
+    id: l,
     minSize: 38,
     maxSize: 38,
     size: 38,
     enableHiding: !1,
     enableSorting: !1,
     header: () => null,
-    cell: (n) => /* @__PURE__ */ o(u, {
-      info: n,
-      rowHeight: r
+    cell: (a) => /* @__PURE__ */ r(u, {
+      info: a,
+      locale: n,
+      rowHeight: o
     }),
     fixedLeft: e
   };
 }
-function u({ info: e, rowHeight: r }) {
-  const n = e.row.getCanExpand(), a = e.row.isExpanded();
-  return /* @__PURE__ */ o("div", {
+function u({ info: e, locale: o, rowHeight: n }) {
+  const a = e.row.getCanExpand(), i = e.row.isExpanded();
+  return /* @__PURE__ */ r("div", {
     className: "flex w-full items-center justify-center",
-    style: { height: r ?? "auto" },
-    children: /* @__PURE__ */ o(s, {
+    style: { height: n ?? "auto" },
+    children: /* @__PURE__ */ r(d, {
       dataTest: "expand-text-button",
-      "aria-label": a ? "Collapse text" : "Show full text",
+      "aria-label": o === "no" ? i ? `Skjul full tekst for rad ${e.row.index + 1}` : `Vis full tekst for rad ${e.row.index + 1}` : i ? `Collapse full text for row ${e.row.index + 1}` : `Show full text for row ${e.row.index + 1}`,
       size: "small",
       variant: "textGray",
       onClick: (t) => {
-        t.stopPropagation(), n && e.row.getToggleExpandedHandler()(), e.row.toggleExpand();
+        t.stopPropagation(), a && e.row.getToggleExpandedHandler()(), e.row.toggleExpand();
       },
       onMouseDown: (t) => {
         t.preventDefault(), t.stopPropagation();
@@ -37,12 +38,12 @@ function u({ info: e, rowHeight: r }) {
       onMouseUp: (t) => {
         t.preventDefault(), t.stopPropagation();
       },
-      startIcon: /* @__PURE__ */ o(l, {
+      startIcon: /* @__PURE__ */ r(s, {
         className: "block size-5 shrink-0",
         width: 20,
         height: 20,
         style: {
-          transform: a ? "rotate(180deg)" : "rotate(0deg)",
+          transform: i ? "rotate(180deg)" : "rotate(0deg)",
           transformBox: "fill-box",
           transformOrigin: "center",
           transitionProperty: "transform",
@@ -55,5 +56,5 @@ function u({ info: e, rowHeight: r }) {
   });
 }
 export {
-  f as generateShowFullTextColumn
+  c as generateShowFullTextColumn
 };

package/dist/table/helpers/injectColumns.js

@@ -4,17 +4,17 @@ import { generateExpandColumn as h } from "../components/columns/expandColumn.js
 import { generateActionsColumn as x } from "../components/columns/action-column/actionColumn.js";
 import { generateDndHandleColumn as _ } from "../components/columns/dndHandleColumn.js";
 import { generateShowFullTextColumn as A } from "../components/columns/showTextColumn.js";
-var T = (i) => {
-  const { actions: r, customActionsNode: m, headerPin: d = !0, enableRowSelection: u, expandArrow: f, enableDnd: c, customDndColumnProps: a, rowHeight: e, textExpandArrow: s, customActionsColumnProps: p, rowActionsState: C, locale: l } = i, n = [...i.columns], t = n.some((o) => o.fixedLeft === !0);
-  return !n.find((o) => o.id === "actions") && (r || m || d) && n.push(x({
-    headerPin: d,
-    actions: r,
-    customActionsNode: m,
+var T = (r) => {
+  const { actions: m, customActionsNode: d, headerPin: s = !0, enableRowSelection: u, expandArrow: f, enableDnd: c, customDndColumnProps: a, rowHeight: e, textExpandArrow: l, customActionsColumnProps: p, rowActionsState: C, locale: t } = r, n = [...r.columns], i = n.some((o) => o.fixedLeft === !0);
+  return !n.find((o) => o.id === "actions") && (m || d || s) && n.push(x({
+    headerPin: s,
+    actions: m,
+    customActionsNode: d,
     rowHeight: e,
     customActionsColumnProps: p,
     rowActionsState: C,
-    locale: l
-  })), s && !n.find((o) => o.id === "show-full-text") && n.unshift(A(t, e)), f && !s && !n.find((o) => o.id === "expand-column-id") && n.unshift(h(t, e)), c && !n.find((o) => o.id === "dnd-handle") && n.unshift(_(a, e)), u && !n.find((o) => o.id === "select") && n.unshift(D(t, e, l)), n;
+    locale: t
+  })), l && !n.find((o) => o.id === "show-full-text") && n.unshift(A(i, e, t)), f && !l && !n.find((o) => o.id === "expand-column-id") && n.unshift(h(i, e, t)), c && !n.find((o) => o.id === "dnd-handle") && n.unshift(_(a, e, t)), u && !n.find((o) => o.id === "select") && n.unshift(D(i, e, t)), n;
 };
 export {
   T as injectColumns

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.102.0",
+    "version": "3.103.1",
     "type": "module",
     "sideEffects": [
         "**/*.css",