@telefonica/mistica 15.15.0 → 15.16.0

package/dist/fixed-footer-layout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return $e;
+        return Se;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -68,72 +68,72 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const ne = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
+const ie = (e)=>e === document.documentElement ? window : e, ne = (e)=>{
     const l = setTimeout(e, 0);
     return {
         cancel: ()=>clearTimeout(l)
     };
-}, le = 200, me = (param)=>{
+}, ce = 200, le = (param)=>{
     let { isFooterVisible: e = !0, footer: l, footerHeight: k = "auto", footerBgColor: i = _skincontractcssmistica.vars.colors.background, containerBgColor: F = _skincontractcssmistica.vars.colors.background, children: L, onChangeFooterHeight: n } = param;
-    const [w, h] = _react.useState(!1), m = _react.useRef(null), { height: d } = (0, _hooks.useBoundingRect)(m) || {
+    const [$, g] = _react.useState(!1), d = _react.useRef(null), { height: m } = (0, _hooks.useBoundingRect)(d) || {
         height: 0
-    }, { isTabletOrSmaller: u } = (0, _hooks.useScreenSize)(), { platformOverrides: x } = (0, _hooks.useTheme)(), { height: r, ref: D } = (0, _hooks.useElementDimensions)(), { visualHeight: I } = (0, _hooks.useWindowSize)(), s = (0, _fixedtotop.useFixedToTopHeight)(), t = I - s - r > le, { topColor: N = i } = (0, _overscrollcolorcontext.useOverScrollColor)(), { height: y, ref: R } = (0, _hooks.useElementDimensions)();
+    }, { isTabletOrSmaller: u } = (0, _hooks.useScreenSize)(), { platformOverrides: h } = (0, _hooks.useTheme)(), { height: r, ref: w } = (0, _hooks.useElementDimensions)({
+        includeMargins: !0
+    }), { visualHeight: D } = (0, _hooks.useWindowSize)(), s = (0, _fixedtotop.useFixedToTopHeight)(), t = D - s - r > ce, { topColor: I = i } = (0, _overscrollcolorcontext.useOverScrollColor)(), { height: x, ref: N } = (0, _hooks.useElementDimensions)();
     (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         n == null || n(r);
     }, [
         n,
         r
-    ]);
-    const A = `calc(${_css.safeAreaInsetBottom} + ${r}px)`;
-    _react.useEffect(()=>{
-        if (!u || (0, _platform.isRunningAcceptanceTest)(x) || !t) {
-            h(!1);
+    ]), _react.useEffect(()=>{
+        if (!u || (0, _platform.isRunningAcceptanceTest)(h) || !t) {
+            g(!1);
             return;
         }
-        const f = (0, _dom.getScrollableParentElement)(m.current), B = ()=>(0, _dom.hasScroll)(f) && (0, _dom.getScrollDistanceToBottom)(f) > s + 1, o = (0, _helpers.debounce)(()=>{
-            h(B());
+        const f = (0, _dom.getScrollableParentElement)(d.current), A = ()=>(0, _dom.hasScroll)(f) && (0, _dom.getScrollDistanceToBottom)(f) > s + 1, o = (0, _helpers.debounce)(()=>{
+            g(A());
         }, 50, {
             leading: !0,
             maxWait: 100
-        }), z = ce(o), c = ne(f);
+        }), B = ne(o), c = ie(f);
         return (0, _dom.addPassiveEventListener)(c, "resize", o), (0, _dom.addPassiveEventListener)(c, "scroll", o), ()=>{
-            o.cancel(), (0, _dom.removePassiveEventListener)(c, "scroll", o), (0, _dom.removePassiveEventListener)(c, "resize", o), z.cancel();
+            o.cancel(), (0, _dom.removePassiveEventListener)(c, "scroll", o), (0, _dom.removePassiveEventListener)(c, "resize", o), B.cancel();
         };
     }, [
-        x,
+        h,
         u,
         t,
         // `topDistance` and `contentHeight` dependencies are needed to recalculate the elevation state
         s,
-        d
+        m
     ]);
-    const H = ()=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_portal.Portal, {
+    const R = ()=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_portal.Portal, {
             className: _fixedfooterlayoutcssmistica.portal,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _fixedfooterlayoutcssmistica.fixedBackgroundLayer,
                     style: {
-                        background: `linear-gradient(180deg, ${N} 50%, ${i} 50% 100%)`
+                        background: `linear-gradient(180deg, ${I} 50%, ${i} 50% 100%)`
                     }
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                    ref: R,
+                    ref: N,
                     className: _fixedfooterlayoutcssmistica.absoluteBackgroundLayer,
                     style: {
                         background: F,
                         // this color could be a gradient
                         top: s - 1,
                         // -1 because the navigationbar could have a 1px transparent background
-                        bottom: t ? A : "unset",
-                        height: t ? "unset" : d
+                        bottom: t ? r : "unset",
+                        height: t ? "unset" : m
                     }
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _fixedfooterlayoutcssmistica.absoluteBackgroundLayer,
                     style: {
                         background: i,
-                        top: y + s - 1,
-                        height: `calc(${d}px - ${y}px)`
+                        top: x + s - 1,
+                        height: `calc(${m}px - ${x}px)`
                     }
                 })
             ]
@@ -141,20 +141,20 @@ const ne = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                ref: m,
+                ref: d,
                 className: _fixedfooterlayoutcssmistica.container,
                 style: (0, _css.applyCssVars)({
-                    [_fixedfooterlayoutcssmistica.vars.footerHeight]: t ? `calc(${_css.safeAreaInsetBottom} + ${r}px)` : "0px"
+                    [_fixedfooterlayoutcssmistica.vars.footerHeight]: t ? `${r}px` : "0px"
                 }),
                 children: [
-                    H(),
+                    R(),
                     L
                 ]
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_fixedfooterlayoutcssmistica.footer, {
                     [_fixedfooterlayoutcssmistica.withoutFooter]: !e,
-                    [_fixedfooterlayoutcssmistica.elevated]: w,
+                    [_fixedfooterlayoutcssmistica.elevated]: $,
                     [_fixedfooterlayoutcssmistica.fixedFooter]: t
                 }),
                 style: {
@@ -163,7 +163,7 @@ const ne = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
                 "data-testid": `fixed-footer${e ? "-visible" : "-hidden"}`,
                 "data-position-fixed": "bottom",
                 children: e && /* @__PURE__ */ (0, _jsxruntime.jsx)("aside", {
-                    ref: D,
+                    ref: w,
                     "data-component-name": "FixedFooter",
                     style: {
                         height: k,
@@ -174,4 +174,4 @@ const ne = (e)=>e === document.documentElement ? window : e, ce = (e)=>{
             })
         ]
     });
-}, $e = me;
+}, Se = le;

package/dist/grid.css.d.ts

@@ -7,8 +7,8 @@ export declare const vars: {
 export declare const grid: string;
 export declare const gridTemplateColumnsAutoRepeat: string;
 export declare const gridTemplateRowsAutoRepeat: string;
-export declare const gridTemplateColumns: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 9 | 10 | 7 | 11, string>;
-export declare const gridTemplateRows: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 9 | 10 | 7 | 11, string>;
+export declare const gridTemplateColumns: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
+export declare const gridTemplateRows: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
 export declare const gridAutoFlow: Record<"column" | "row" | "row dense" | "column dense", string>;
 export declare const gridJustifyItems: Record<"stretch" | "center" | "end" | "start", string>;
 export declare const gridAlignItems: Record<"stretch" | "center" | "end" | "start" | "baseline", string>;
@@ -16,9 +16,9 @@ export declare const gridJustifyContent: Record<"space-around" | "space-between"
 export declare const gridAlignContent: Record<"space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start", string>;
 export declare const fullColumns: string;
 export declare const fullRows: string;
-export declare const spanColumns: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 9 | 10 | 7 | 11, string>;
-export declare const spanRows: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 9 | 10 | 7 | 11, string>;
-export declare const columnStart: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 9 | 10 | 7 | 11, string>;
-export declare const rowStart: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 9 | 10 | 7 | 11, string>;
+export declare const spanColumns: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
+export declare const spanRows: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
+export declare const columnStart: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
+export declare const rowStart: Record<1 | 2 | 4 | 8 | 12 | 5 | 6 | 3 | 10 | 9 | 7 | 11, string>;
 export declare const justifySelf: Record<"stretch" | "center" | "end" | "start", string>;
 export declare const alignSelf: Record<"stretch" | "center" | "end" | "start" | "baseline", string>;

package/dist/hooks.d.ts

@@ -4,7 +4,9 @@ import type { ScreenSizeContextType } from './screen-size-context';
 export declare const useTheme: () => Theme;
 export declare const useDisableBodyScroll: (disable: boolean) => void;
 export declare const useScreenSize: () => ScreenSizeContextType;
-export declare const useElementDimensions: () => {
+export declare const useElementDimensions: ({ includeMargins }?: {
+    includeMargins?: boolean;
+}) => {
     width: number;
     height: number;
     ref: (node: HTMLElement | null) => void;

package/dist/hooks.js

@@ -10,37 +10,37 @@ function _export(target, all) {
 }
 _export(exports, {
     useAriaId: function() {
-        return D;
+        return $;
     },
     useBoundingRect: function() {
-        return j;
+        return P;
     },
     useDisableBodyScroll: function() {
-        return L;
+        return M;
     },
     useElementDimensions: function() {
-        return q;
+        return F;
     },
     useIsInViewport: function() {
-        return I;
+        return B;
     },
     useIsomorphicLayoutEffect: function() {
-        return $;
+        return O;
     },
     useScreenSize: function() {
-        return M;
+        return k;
     },
     useTheme: function() {
-        return H;
+        return C;
     },
     useWindowHeight: function() {
-        return k;
+        return j;
     },
     useWindowSize: function() {
-        return v;
+        return y;
     },
     useWindowWidth: function() {
-        return F;
+        return G;
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -96,157 +96,163 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const H = ()=>{
+const C = ()=>{
     const t = _react.useContext(_themecontext.default);
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return t;
 };
-let a = "", m = 0, w = 0;
-const L = (t)=>{
+let f = "", S = 0, g = 0;
+const M = (t)=>{
     _react.useEffect(()=>{
         if (t) {
-            const n = document.scrollingElement || document.documentElement, e = ()=>{
+            const r = document.scrollingElement || document.documentElement, e = ()=>{
                 var i;
                 var _ref, _ref1;
-                if (w++, !(w > 1) && (m = (_ref = n == null ? void 0 : n.scrollTop) !== null && _ref !== void 0 ? _ref : 0, a = (_ref1 = (i = document.body) == null ? void 0 : i.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
+                if (g++, !(g > 1) && (S = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, f = (_ref1 = (i = document.body) == null ? void 0 : i.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
                     var _ref2;
-                    const o = window.innerWidth > ((_ref2 = n == null ? void 0 : n.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
-                    document.body.style.cssText = a + (a.endsWith(";") ? "" : ";") + [
+                    const o = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
+                    document.body.style.cssText = f + (f.endsWith(";") ? "" : ";") + [
                         "overflow: hidden;",
                         `overflow-y: ${o};`,
                         "position: fixed;",
-                        `top: ${-m}px;`,
+                        `top: ${-S}px;`,
                         "left: 0px;",
                         "right: 0px;",
                         "bottom: 0px;",
                         "overscroll-behavior-y: contain;"
                     ].join("");
                 }
-            }, s = ()=>{
-                w--, !(w > 0) && (document.body && (document.body.style.cssText = a), n && (n.scrollTop = m));
+            }, c = ()=>{
+                g--, !(g > 0) && (document.body && (document.body.style.cssText = f), r && (r.scrollTop = S));
             };
-            return e(), s;
+            return e(), c;
         }
         return ()=>{};
     }, [
         t
     ]);
-}, M = ()=>_react.useContext(_screensizecontext.default), q = ()=>{
-    const [t, n] = _react.useState(0), [e, s] = _react.useState(0), [i, c] = _react.useState(null), o = _react.useCallback((d)=>{
-        if (!d) {
-            n(0), s(0);
+}, k = ()=>_react.useContext(_screensizecontext.default), F = function() {
+    let { includeMargins: t = !1 } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    const [r, e] = _react.useState(0), [c, i] = _react.useState(0), [s, o] = _react.useState(null), d = _react.useCallback((a)=>{
+        if (!a) {
+            e(0), i(0);
             return;
         }
-        const { width: f, height: l } = d[0].contentRect;
-        n(f), s(l);
-    }, []), u = _react.useCallback((d)=>{
-        c(d);
+        const { width: w, height: m } = a[0].contentRect;
+        if (t) {
+            const h = window.getComputedStyle(a[0].target), v = parseInt(h.marginTop, 10), b = parseInt(h.marginBottom, 10), W = parseInt(h.marginLeft, 10), x = parseInt(h.marginRight, 10);
+            e(w + W + x), i(m + v + b);
+        } else e(w), i(m);
+    }, [
+        t
+    ]), u = _react.useCallback((a)=>{
+        o(a);
     }, []);
     return _react.useEffect(()=>{
-        if (!i) {
-            n(0), s(0);
+        if (!s) {
+            e(0), i(0);
             return;
         }
-        return (0, _dom.listenResize)(i, o);
+        return (0, _dom.listenResize)(s, d);
     }, [
-        i,
-        o
+        s,
+        d
     ]), {
-        width: t,
-        height: e,
+        width: r,
+        height: c,
         ref: u
     };
-}, D = (t)=>{
-    const { useId: n } = H();
-    if (n) {
-        const e = n();
+}, $ = (t)=>{
+    const { useId: r } = C();
+    if (r) {
+        const e = r();
         return t || e;
     } else {
         const e = _react.useContext(_ariaidgettercontext.default);
         return _react.useRef(t || e()).current;
     }
-}, v = ()=>{
-    var l;
-    const [t, n] = _react.useState((0, _environment.isClientSide)() ? window.innerHeight : 1200), [e, s] = _react.useState((0, _environment.isClientSide)() ? window.innerWidth : 800), [i, c] = _react.useState((0, _environment.isClientSide)() ? window.screen.availHeight : 1200), [o, u] = _react.useState((0, _environment.isClientSide)() ? window.screen.availWidth : 800), [d, f] = _react.useState((0, _environment.isClientSide)() ? ((l = window.visualViewport) == null ? void 0 : l.height) || window.screen.availHeight : 1200);
+}, y = ()=>{
+    var w;
+    const [t, r] = _react.useState((0, _environment.isClientSide)() ? window.innerHeight : 1200), [e, c] = _react.useState((0, _environment.isClientSide)() ? window.innerWidth : 800), [i, s] = _react.useState((0, _environment.isClientSide)() ? window.screen.availHeight : 1200), [o, d] = _react.useState((0, _environment.isClientSide)() ? window.screen.availWidth : 800), [u, a] = _react.useState((0, _environment.isClientSide)() ? ((w = window.visualViewport) == null ? void 0 : w.height) || window.screen.availHeight : 1200);
     return _react.useEffect(()=>{
-        const g = ()=>{
-            var S;
-            n(window.innerHeight), s(window.innerWidth), c(window.screen.availHeight), u(window.screen.availWidth), f(((S = window.visualViewport) == null ? void 0 : S.height) || window.screen.availHeight);
+        const m = ()=>{
+            var h;
+            r(window.innerHeight), c(window.innerWidth), s(window.screen.availHeight), d(window.screen.availWidth), a(((h = window.visualViewport) == null ? void 0 : h.height) || window.screen.availHeight);
         };
-        return window.addEventListener("resize", g), ()=>{
-            window.removeEventListener("resize", g);
+        return window.addEventListener("resize", m), ()=>{
+            window.removeEventListener("resize", m);
         };
     }, []), _react.useMemo(()=>({
             height: t,
             width: e,
             screenHeight: i,
             screenWidth: o,
-            visualHeight: d
+            visualHeight: u
         }), [
         t,
         e,
         i,
         o,
-        d
+        u
     ]);
-}, k = ()=>{
-    const { height: t } = v();
+}, j = ()=>{
+    const { height: t } = y();
     return t;
-}, F = ()=>{
-    const { width: t } = v();
+}, G = ()=>{
+    const { width: t } = y();
     return t;
-}, $ = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, I = (t, n, e)=>{
-    const [s, i] = _react.useState(n);
+}, O = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, B = (t, r, e)=>{
+    const [c, i] = _react.useState(r);
     return _react.useEffect(()=>{
         if (!t.current) return;
         if (typeof window.IntersectionObserver > "u") return ()=>{};
-        const c = new IntersectionObserver((o)=>{
+        const s = new IntersectionObserver((o)=>{
             i(o[0].isIntersecting);
         }, {
             root: e == null ? void 0 : e.root,
             rootMargin: e == null ? void 0 : e.rootMargin,
             threshold: e == null ? void 0 : e.threshold
         });
-        return c.observe(t.current), ()=>{
-            c.disconnect();
+        return s.observe(t.current), ()=>{
+            s.disconnect();
         };
     }, [
         t,
         e == null ? void 0 : e.root,
         e == null ? void 0 : e.rootMargin,
         e == null ? void 0 : e.threshold
-    ]), s;
-}, T = (t)=>{
-    const { top: n, right: e, bottom: s, left: i, width: c, height: o, x: u, y: d } = t.getBoundingClientRect();
+    ]), c;
+}, z = (t)=>{
+    const { top: r, right: e, bottom: c, left: i, width: s, height: o, x: d, y: u } = t.getBoundingClientRect();
     return {
-        top: n,
+        top: r,
         right: e,
-        bottom: s,
+        bottom: c,
         left: i,
-        width: c,
+        width: s,
         height: o,
-        x: u,
-        y: d
+        x: d,
+        y: u
     };
-}, j = function(t) {
-    let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-    const [s, i] = _react.useState(), c = I(t, !1);
+}, P = function(t) {
+    let r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
+    const [c, i] = _react.useState(), s = B(t, !1);
     return _react.useEffect(()=>{
         let o;
-        const u = ()=>{
-            if (t.current && (c || e)) {
-                const d = T(t.current);
-                (0, _helpers.isEqual)(s, d) || i(d), n && (o = requestAnimationFrame(u));
+        const d = ()=>{
+            if (t.current && (s || e)) {
+                const u = z(t.current);
+                (0, _helpers.isEqual)(c, u) || i(u), r && (o = requestAnimationFrame(d));
             } else i(void 0);
         };
-        return o = requestAnimationFrame(u), ()=>{
+        return o = requestAnimationFrame(d), ()=>{
             cancelAnimationFrame(o);
         };
     }, [
         t,
-        s,
         c,
-        n,
+        s,
+        r,
         e
-    ]), s;
+    ]), c;
 };

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "15.15.0";
+const o = "15.16.0";

package/dist/table.css-mistica.js

@@ -21,35 +21,38 @@ _export(exports, {
     cellTextAlign: function() {
         return k;
     },
-    collapsedRowTitle: function() {
+    collapsedRowHeaderItem: function() {
         return _;
     },
+    collapsedRowTitle: function() {
+        return v;
+    },
     collapsedRowsInMobile: function() {
         return i;
     },
     fullWidth: function() {
-        return v;
+        return s;
     },
     hiddenHeadersInDesktop: function() {
-        return s;
+        return d;
     },
     hiddenHeadersInMobile: function() {
-        return d;
+        return n;
     },
     mobileCellHeading: function() {
-        return n;
+        return c;
     },
     rowFirstItem: function() {
-        return c;
+        return p;
     },
     rowLastCollapsedItem: function() {
-        return p;
+        return m;
     },
     rowLastItem: function() {
-        return m;
+        return b;
     },
     scrollContainer: function() {
-        return b;
+        return I;
     },
     scrollOverResponsiveLayout: function() {
         return g;
@@ -58,10 +61,10 @@ _export(exports, {
         return h;
     },
     topActions: function() {
-        return I;
+        return w;
     },
     vars: function() {
-        return w;
+        return H;
     },
     verticalAlign: function() {
         return x;
@@ -74,7 +77,7 @@ var r = "_107ok88f", l = "_107ok88g", t = "_107ok886", k = {
     left: "_107ok888 _107ok887",
     right: "_107ok889 _107ok887",
     center: "_107ok88a _107ok887"
-}, _ = "_107ok88j", i = "_107ok883", v = "_107ok882", s = "_107ok885", d = "_107ok884", n = "_107ok88i", c = "_107ok88k", p = "_107ok88m", m = "_107ok88l", b = "_107ok88b", g = "_107ok88c", h = "_107ok881", I = "_107ok88h", w = {
+}, _ = "_107ok88i", v = "_107ok88k", i = "_107ok883", s = "_107ok882", d = "_107ok885", n = "_107ok884", c = "_107ok88j", p = "_107ok88l", m = "_107ok88n", b = "_107ok88m", I = "_107ok88b", g = "_107ok88c", h = "_107ok881", w = "_107ok88h", H = {
     maxHeight: "var(--_107ok880)"
 }, x = {
     top: "_107ok88d",

package/dist/table.css.d.ts

@@ -14,6 +14,7 @@ export declare const verticalAlign: Record<"top" | "middle", string>;
 export declare const actionsHeaderText: string;
 export declare const actionsTableCell: string;
 export declare const topActions: string;
+export declare const collapsedRowHeaderItem: string;
 export declare const mobileCellHeading: string;
 export declare const collapsedRowTitle: string;
 export declare const rowFirstItem: string;

package/dist/table.d.ts

@@ -39,6 +39,7 @@ type TableProps = {
     hideHeaders?: boolean | 'desktop' | 'mobile';
     /** "data-" prefix is automatically added. For example, use "testid" instead of "data-testid" */
     dataAttributes?: DataAttributes;
+    rowHeaderIndex?: number;
     'aria-label'?: string;
     'aria-labelledby'?: string;
     'aria-describedby'?: string;