@ssa-ui-kit/core 2.19.2 → 2.20.0

package/dist/components/NestedTable/NestedTableContext.d.ts

@@ -0,0 +1,3 @@
+import { NestedTableContextType } from './types';
+export declare const NestedTableContext: import("react").Context<NestedTableContextType>;
+export declare const NestedTableProvider: ({ children, collapsedIconName, expandedIconName, }: React.PropsWithChildren<NestedTableContextType>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/NestedTable/components/NestedTable.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { NestedTableContextType } from '../types';
+export declare const NestedTable: ({ children, ...rest }: PropsWithChildren & NestedTableContextType) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/NestedTable/components/NestedTableCell.d.ts

@@ -1,2 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare const NestedTableCell: ({ children, ...props }: React.PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { CommonProps } from '../../../types/emotion';
+export declare const NestedTableCell: ({ children, ...props }: React.PropsWithChildren<HTMLAttributes<HTMLTableCellElement>> & CommonProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/NestedTable/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './NestedTable';
 export * from './NestedTableCell';
 export * from './NestedTableCellSubHeader';
 export * from './NestedTableRow';

package/dist/components/NestedTable/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useNestedTableContext';
+export * from './useNestedTableRowContext';

package/dist/components/NestedTable/hooks/useNestedTableContext.d.ts

@@ -0,0 +1 @@
+export declare const useNestedTableContext: () => import("../types").NestedTableContextType;

package/dist/components/NestedTable/hooks/useNestedTableRowContext.d.ts

@@ -0,0 +1 @@
+export declare const useNestedTableRowContext: () => import("../types").NestedTableRowContextType;

package/dist/components/NestedTable/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
 export * from './WithNestedTableRow';
 export * from './NestedTableRowContext';
-export * from './useNestedTableRowContext';
+export * from './hooks/useNestedTableRowContext';

package/dist/components/NestedTable/stories/NestedTableStory.d.ts

@@ -1 +1,3 @@
+export declare const NestedDefaultRow: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NestedTableDefaultStory: () => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const NestedTableStory: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/NestedTable/types.d.ts

@@ -1,4 +1,9 @@
 import { Dispatch, SetStateAction } from 'react';
+import { IconProps } from '../Icon/types';
+export type NestedTableContextType = {
+    collapsedIconName?: IconProps['name'];
+    expandedIconName?: IconProps['name'];
+};
 export type NestedTableRowContextType = {
     isCollapsed: boolean;
     isSubHeader: boolean;

package/dist/components/Table/stories/NoControlOrders/StoryComponent.d.ts

@@ -0,0 +1 @@
+export declare const NoControlOrdersStory: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/NoControlOrders/components/ActionMore.d.ts

@@ -0,0 +1,4 @@
+import { NoControlOrdersItem } from '../types';
+export declare const ActionMore: ({ row: { isDisabled }, }: {
+    row: NoControlOrdersItem;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/NoControlOrders/components/Reason.d.ts

@@ -0,0 +1,3 @@
+export declare const Reason: ({ children }: {
+    children: string;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/NoControlOrders/components/TableList.d.ts

@@ -0,0 +1,2 @@
+import { StyledTableProps } from '../../StyledTable/types';
+export declare const TableList: ({ children, ...rest }: StyledTableProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/NoControlOrders/components/TableRow.d.ts

@@ -0,0 +1,2 @@
+import { NoControlOrdersItem } from '../types';
+export declare const NoControlTableRow: (item: NoControlOrdersItem) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/NoControlOrders/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ActionMore';
+export * from './Reason';
+export * from './TableList';
+export * from './TableRow';

package/dist/components/Table/stories/NoControlOrders/mockData.d.ts

@@ -0,0 +1,14 @@
+export declare const noControlOrdersData: {
+    id: number;
+    exchange: import("../StyledTable/components/Exchange/types").ExchangeType;
+    account: string;
+    botName: string;
+    botRun: string;
+    orderId: string;
+    status: boolean;
+    reason: string;
+    pair: string;
+    orderSize: string;
+    orderType: "SELL";
+    isDisabled: boolean;
+}[];

package/dist/components/Table/stories/NoControlOrders/types.d.ts

@@ -0,0 +1,15 @@
+import { ExchangeType } from '../StyledTable/components/Exchange/types';
+export interface NoControlOrdersItem {
+    id: number;
+    exchange: ExchangeType;
+    account: string;
+    botName: string;
+    botRun: string;
+    orderId: string;
+    status: boolean;
+    reason: string;
+    pair: string;
+    orderSize: string;
+    orderType: 'SELL';
+    isDisabled: boolean;
+}

package/dist/components/Table/stories/StyledTable/StoryComponent.d.ts

@@ -0,0 +1 @@
+export declare const StyledTableStory: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/Actions/ActionIcon.d.ts

@@ -0,0 +1,4 @@
+import Icon from '../../../../../Icon';
+export declare const ActionIcon: ({ name, }: {
+    name: Parameters<typeof Icon>[0]["name"];
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/Actions/ActionItem.d.ts

@@ -0,0 +1,2 @@
+import Button from '../../../../../Button';
+export declare const ActionItem: ({ children, ...rest }: Parameters<typeof Button>[0]) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/Actions/ActionMore.d.ts

@@ -0,0 +1,4 @@
+import { StyledTableItem } from '../../types';
+export declare const ActionMore: ({ row: { isDisabled }, }: {
+    row: StyledTableItem;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/Actions/ActionRun.d.ts

@@ -0,0 +1,4 @@
+import { StyledTableItem } from '../../types';
+export declare const ActionRun: ({ row }: {
+    row: StyledTableItem;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/Actions/Actions.d.ts

@@ -0,0 +1,4 @@
+import { StyledTableItem } from '../../types';
+export declare const Actions: ({ row }: {
+    row: StyledTableItem;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/Actions/ActionsWrapper.d.ts

@@ -0,0 +1,2 @@
+import Wrapper from '../../../../../Wrapper';
+export declare const ActionsWrapper: ({ children, ...rest }: Parameters<typeof Wrapper>[0]) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/Actions/consts.d.ts

@@ -0,0 +1,5 @@
+export declare const actionsIcons: {
+    trade: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    liquidation: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    pending: () => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/dist/components/Table/stories/StyledTable/components/Actions/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ActionIcon';
+export * from './ActionItem';
+export * from './ActionMore';
+export * from './ActionRun';
+export * from './Actions';
+export * from './ActionsWrapper';

package/dist/components/Table/stories/StyledTable/components/Exchange/Exchange.d.ts

@@ -0,0 +1,2 @@
+import { ExchangeProps } from './types';
+export declare const Exchange: ({ exchangeType, showTitle }: ExchangeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/Exchange/consts.d.ts

@@ -0,0 +1,15 @@
+export declare const exchangeIcons: {
+    binance: {
+        icon: () => import("@emotion/react/jsx-runtime").JSX.Element;
+        title: string;
+    };
+    kraken: {
+        icon: () => import("@emotion/react/jsx-runtime").JSX.Element;
+        title: string;
+    };
+    bittrex: {
+        icon: () => import("@emotion/react/jsx-runtime").JSX.Element;
+        title: string;
+    };
+};
+export type ExchangeIconsType = typeof exchangeIcons;

package/dist/components/Table/stories/StyledTable/components/Exchange/index.d.ts

@@ -0,0 +1 @@
+export { Exchange } from './Exchange';

package/dist/components/Table/stories/StyledTable/components/Exchange/types.d.ts

@@ -0,0 +1,5 @@
+export type ExchangeType = 'binance' | 'kraken' | 'bittrex';
+export interface ExchangeProps {
+    exchangeType: ExchangeType;
+    showTitle?: boolean;
+}

package/dist/components/Table/stories/StyledTable/components/PNL.d.ts

@@ -0,0 +1,2 @@
+import * as Types from '../types';
+export declare const PNL: ({ amount, currency, isIncreasing }: Types.PNL) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/ROI.d.ts

@@ -0,0 +1,2 @@
+import * as Types from '../types';
+export declare const ROI: ({ amount, isIncreasing }: Types.ROI) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/TableTag.d.ts

@@ -0,0 +1,4 @@
+export declare const TableTag: ({ children, color, }: {
+    children: string;
+    color: keyof MainColors;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/Trade/Trade.d.ts

@@ -0,0 +1,2 @@
+import { TradeProps } from './types';
+export declare const Trade: ({ tradeType }: TradeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/Trade/consts.d.ts

@@ -0,0 +1,14 @@
+export declare const tradeStatuses: {
+    trade: {
+        title: string;
+        color: string;
+    };
+    liquidation: {
+        title: string;
+        color: string;
+    };
+    pending: {
+        title: string;
+        color: string;
+    };
+};

package/dist/components/Table/stories/StyledTable/components/Trade/index.d.ts

@@ -0,0 +1 @@
+export { Trade } from './Trade';

package/dist/components/Table/stories/StyledTable/components/Trade/types.d.ts

@@ -0,0 +1,4 @@
+export type TradeType = 'trade' | 'liquidation' | 'pending';
+export interface TradeProps {
+    tradeType: TradeType;
+}

package/dist/components/Table/stories/StyledTable/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Exchange';
+export * from './Trade';
+export * from './PNL';
+export * from './ROI';
+export * from './TableTag';
+export * from './Actions';

package/dist/components/Table/stories/StyledTable/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/Table/stories/StyledTable/mockData.d.ts

@@ -0,0 +1,2 @@
+import { StyledTableItem } from './types';
+export declare const botsTableData: StyledTableItem[];

package/dist/components/Table/stories/StyledTable/types.d.ts

@@ -0,0 +1,26 @@
+import { ExchangeType } from './components/Exchange/types';
+import { TradeType } from './components/Trade/types';
+export interface PNL {
+    amount: number;
+    currency: string;
+    isIncreasing: boolean;
+}
+export interface ROI {
+    amount: number;
+    isIncreasing: boolean;
+}
+export interface StyledTableItem {
+    id: number;
+    name: string;
+    creationDate: string;
+    exchange: ExchangeType;
+    status: TradeType;
+    pair: string;
+    pnl: PNL;
+    roi: ROI;
+    isDisabled: boolean;
+}
+export interface StyledTableProps {
+    children: React.ReactElement<React.PropsWithChildren<StyledTableItem>>[];
+    className?: string;
+}

package/dist/components/TableCellHeader/TableCellHeader.d.ts

@@ -0,0 +1,3 @@
+import TableCell from '../TableCell/TableCell';
+declare const TableCellHeader: (props: React.ComponentProps<typeof TableCell>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TableCellHeader;

package/dist/components/TableCellHeader/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableCellHeader';

package/dist/components/TableRow/TableRow.d.ts

@@ -2,5 +2,7 @@ import { CommonProps } from '../../types/emotion';
 declare const TableRow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+} & CommonProps & {
+    isDisabled?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
 export default TableRow;

package/dist/components/index.d.ts

@@ -53,6 +53,7 @@ export { default as TabBar } from './TabBar';
 export { default as Table } from './Table';
 export { default as TableBody } from './TableBody';
 export { default as TableCell } from './TableCell';
+export { default as TableCellHeader } from './TableCellHeader';
 export { default as TableHead } from './TableHead';
 export { default as TableRow } from './TableRow';
 export { default as Tag } from './Tag';
@@ -113,3 +114,4 @@ export * from './WithVisibleUpToLG';
 export * from './Wrapper';
 export * as JsonSchema from './JsonSchemaForm';
 export type { DropdownOptionProps } from './DropdownOptions';
+export type { RadioProps } from './Radio/types';

package/dist/index.js

@@ -136,6 +136,7 @@ __webpack_require__.d(__webpack_exports__, {
   MultipleDropdownNotification: () => (/* reexport */ MultipleDropdownNotification_MultipleDropdownNotification),
   MultipleDropdownOptions: () => (/* reexport */ MultipleDropdownOptions_MultipleDropdownOptions),
   NavBar: () => (/* reexport */ NavBar),
+  NestedTable: () => (/* reexport */ NestedTable),
   NestedTableCell: () => (/* reexport */ NestedTableCell),
   NestedTableCellSubHeader: () => (/* reexport */ NestedTableCellSubHeader),
   NestedTableRow: () => (/* reexport */ NestedTableRow),
@@ -190,6 +191,7 @@ __webpack_require__.d(__webpack_exports__, {
   Table: () => (/* reexport */ Table_Table),
   TableBody: () => (/* reexport */ TableBody_TableBody),
   TableCell: () => (/* reexport */ TableCell_TableCell),
+  TableCellHeader: () => (/* reexport */ TableCellHeader_TableCellHeader),
   TableFilterCheckbox: () => (/* reexport */ TableFilterCheckbox),
   TableFilterTrigger: () => (/* reexport */ TableFilterTrigger),
   TableFilterTriggerWithNotification: () => (/* reexport */ TableFilterTriggerWithNotification),
@@ -7473,8 +7475,8 @@ function Table_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stri
 const Table = /*#__PURE__*/base_default()("table",  true ? {
   target: "ef55xbt0"
 } : 0)( true ? {
-  name: "1suweh2",
-  styles: "display:table;width:100%;border-collapse:collapse;border-spacing:0"
+  name: "1qa51hv",
+  styles: "display:table;width:100%;border-collapse:collapse;border-spacing:0;background:none"
 } : 0);
 /* harmony default export */ const Table_Table = (Table);
 ;// ./src/components/TableBody/TableBody.tsx
@@ -7483,8 +7485,8 @@ function TableBody_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to
 const TableBody = /*#__PURE__*/base_default()("tbody",  true ? {
   target: "erj4fs00"
 } : 0)( true ? {
-  name: "xfuyo9",
-  styles: "display:table-row-group"
+  name: "96lg8t",
+  styles: "display:table-row-group;& tr:last-child td:first-of-type{border-bottom-left-radius:20px;}& tr:last-child td:last-child{border-bottom-right-radius:20px;}& tr:not([aria-disabled='true']):hover{& td{background-color:#eef1f7;}}"
 } : 0);
 /* harmony default export */ const TableBody_TableBody = (TableBody);
 ;// ./src/components/TableCell/TableCell.tsx
@@ -7493,31 +7495,37 @@ const TableCell = /*#__PURE__*/base_default()("td",  true ? {
   target: "e9xnb9j0"
 } : 0)("display:table-cell;vertical-align:inherit;text-align:", ({
   align
-}) => align ? align : 'left', ";border-bottom:1px solid #eef1f7;border-right:1px solid #eef1f7;padding:14px;" + ( true ? "" : 0));
+}) => align ? align : 'left', ";border:none;padding:0 16px;background:#fff;font-size:12px;font-weight:500;white-space:nowrap;height:44px;& a{display:flex;align-items:center;height:44px;padding:0 18px;}&:first-of-type a{padding-left:16px;}", ({
+  theme
+}) => theme.mediaQueries.lg, "{font-size:14px;}" + ( true ? "" : 0));
 /* harmony default export */ const TableCell_TableCell = (TableCell);
-;// ./src/components/TableHead/TableHead.tsx
+;// ./src/components/TableCellHeader/TableCellHeader.tsx
+
 
+const TableCellHeader = props => (0,jsx_runtime_namespaceObject.jsx)(TableCell_TableCell, {
+  as: "th",
+  ...props
+});
+/* harmony default export */ const TableCellHeader_TableCellHeader = (TableCellHeader);
+;// ./src/components/TableHead/TableHead.tsx
 
 const TableHead = /*#__PURE__*/base_default()("thead",  true ? {
   target: "e1ezyu020"
-} : 0)({
-  display: 'table-header-group',
-  background: '#eef1f7',
-  [`& ${TableCell_TableCell}`]: {
-    borderBottom: '1px solid white',
-    borderRight: '1px solid white'
-  }
-},  true ? "" : 0);
+} : 0)("display:table-header-group;background:none;font-size:12px;& tr{box-shadow:inset 0 -1px 0 #eaecf0;white-space:nowrap;font-weight:700;&:first-of-type{border-top-left-radius:20px;}&:last-child{cursor:default;border-top-right-radius:20px;}& td,& th{font-weight:700;box-shadow:rgb(234, 236, 240) 0 -1px 0 inset;&:first-of-type{padding-left:16px;border-top-left-radius:20px;}&:last-child{border-top-right-radius:20px;}}}", ({
+  theme
+}) => theme.mediaQueries.lg, "{font-size:14px;}" + ( true ? "" : 0));
 /* harmony default export */ const TableHead_TableHead = (TableHead);
 ;// ./src/components/TableRow/TableRow.tsx
 
-function TableRow_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const TableRow = /*#__PURE__*/base_default()("tr",  true ? {
   target: "epe3ucm0"
-} : 0)( true ? {
-  name: "1cb05rb",
-  styles: "display:table-row;outline:0;vertical-align:middle"
-} : 0);
+} : 0)("display:table-row;outline:0;vertical-align:middle;border:none;padding:0 16px;height:44px;& tr:first-of-type{padding-left:18px;}", ({
+  isDisabled
+}) => isDisabled && {
+  opacity: 0.6,
+  cursor: 'default',
+  userSelect: 'none'
+}, ";" + ( true ? "" : 0));
 /* harmony default export */ const TableRow_TableRow = (TableRow);
 ;// ./src/components/Tag/styles.ts
 
@@ -16977,6 +16985,39 @@ const LinksTabBar = ({
 ;// ./src/components/Modal/index.ts
 
 
+;// ./src/components/NestedTable/NestedTableContext.tsx
+
+
+const NestedTableContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({
+  collapsedIconName: 'carrot-up',
+  expandedIconName: 'carrot-down'
+});
+const NestedTableProvider = ({
+  children,
+  collapsedIconName = 'carrot-up',
+  expandedIconName = 'carrot-down'
+}) => (0,jsx_runtime_namespaceObject.jsx)(NestedTableContext.Provider, {
+  value: {
+    collapsedIconName,
+    expandedIconName
+  },
+  children: children
+});
+;// ./src/components/NestedTable/components/NestedTable.tsx
+
+
+
+const NestedTable = ({
+  children,
+  ...rest
+}) => {
+  return (0,jsx_runtime_namespaceObject.jsx)(NestedTableProvider, {
+    ...rest,
+    children: (0,jsx_runtime_namespaceObject.jsx)(Table_Table, {
+      children: children
+    })
+  });
+};
 ;// ./src/components/NestedTable/NestedTableRowContext.tsx
 
 
@@ -17013,7 +17054,7 @@ const NestedTableRowProvider = ({
     children: children
   });
 };
-;// ./src/components/NestedTable/useNestedTableRowContext.ts
+;// ./src/components/NestedTable/hooks/useNestedTableRowContext.ts
 
 
 const useNestedTableRowContext = () => (0,external_react_namespaceObject.useContext)(NestedTableRowContext);
@@ -17047,6 +17088,7 @@ const NestedTableCell = ({
     css: /*#__PURE__*/(0,react_namespaceObject.css)({
       borderRight: 'none',
       borderBottom: 'none',
+      background: 'transparent',
       ...notSubHeaderCSS
     },  true ? "" : 0,  true ? "" : 0),
     ...props,
@@ -17055,6 +17097,10 @@ const NestedTableCell = ({
     })
   });
 };
+;// ./src/components/NestedTable/hooks/useNestedTableContext.ts
+
+
+const useNestedTableContext = () => (0,external_react_namespaceObject.useContext)(NestedTableContext);
 ;// ./src/components/NestedTable/components/NestedTableCellSubHeader.tsx
 function NestedTableCellSubHeader_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
@@ -17073,6 +17119,10 @@ const NestedTableCellSubHeader = ({
   isHeader,
   ...props
 }) => {
+  const {
+    collapsedIconName = 'carrot-up',
+    expandedIconName = 'carrot-down'
+  } = useNestedTableContext();
   const {
     childRowsCount,
     isSubHeader: isSubHeaderGlobal,
@@ -17080,7 +17130,7 @@ const NestedTableCellSubHeader = ({
   } = useNestedTableRowContext();
   const isSubHeader = childRowsCount > 1 ? isSubHeaderGlobal : false;
   const content = isHeader ? '' : isSubHeader ? (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
-    name: isCollapsed ? 'carrot-up' : 'carrot-down',
+    name: isCollapsed ? collapsedIconName : expandedIconName,
     size: 18,
     css: NestedTableCellSubHeader_ref,
     tooltip: "",
@@ -17089,6 +17139,7 @@ const NestedTableCellSubHeader = ({
   }) : '';
   return (0,jsx_runtime_namespaceObject.jsx)(NestedTableCell, {
     css: NestedTableCellSubHeader_ref2,
+    as: isHeader ? 'th' : 'td',
     ...props,
     children: content
   });
@@ -17118,7 +17169,9 @@ const NestedTableRow = ({
   } = useNestedTableRowContext();
   const headerCSS = isSubHeader ? {
     background: theme.colors.greyLighter60
-  } : {};
+  } : {
+    background: theme.colors.white
+  };
   const classNames = [];
   if (isSubHeader) {
     classNames.push('first-row');
@@ -17127,9 +17180,11 @@ const NestedTableRow = ({
     classNames.push('collapsed');
   }
   const notSubHeaderCSS = !isSubHeader && isCollapsed ? {
+    height: 0,
     maxHeight: 0,
     padding: 0,
     '& td': {
+      height: 0,
       maxHeight: 0,
       padding: 0
     }
@@ -17157,6 +17212,7 @@ const NestedTableRow = ({
 
 
 
+
 ;// ./src/components/NestedTable/WithNestedTableRow.tsx
 
 
@@ -20269,6 +20325,7 @@ const JsonSchemaForm_Form = /*#__PURE__*/base_default()(UnstyledForm,  true ? {
 
 
 
+
 
 
 ;// ./src/contexts/Translation/config.ts