@eccenca/gui-elements 23.1.0-easynav.3 → 23.1.0-easynav.4

package/src/extensions/react-flow/edges/_edges.scss

@@ -3,46 +3,43 @@
     --#{$eccgui}-reactflow-node-color-hover: #{$reactflow-edge-stroke-color-hover};
     --#{$eccgui}-reactflow-node-color-selected: #{$reactflow-edge-stroke-color-selected};
 
-    path, rect {
+    stroke: var(--#{$eccgui}-reactflow-node-color-default);
+    color: var(--#{$eccgui}-reactflow-node-color-default);
+
+    path[class*="react-flow__edge"], rect[class*="react-flow__edge"] {
         shape-rendering: optimizeSpeed;
         stroke-opacity: $reactflow-edge-stroke-opacity-default;
     }
 
-    text {
+    text[class*="react-flow__edge"] {
         opacity: $reactflow-edge-stroke-opacity-default;
     }
 
     &:hover {
-        path, rect {
+        stroke: var(--#{$eccgui}-reactflow-node-color-hover);
+        color: var(--#{$eccgui}-reactflow-node-color-hover);
+
+        path[class*="react-flow__edge"], rect[class*="react-flow__edge"] {
             stroke-opacity: $reactflow-edge-stroke-opacity-hover;
         }
 
-        text {
+        text[class*="react-flow__edge"] {
             opacity: $reactflow-edge-stroke-opacity-hover;
         }
     }
 
     &.selected {
-        path, rect {
+        stroke: var(--#{$eccgui}-reactflow-node-color-selected);
+        color: var(--#{$eccgui}-reactflow-node-color-selected);
+
+        path[class*="react-flow__edge"], rect[class*="react-flow__edge"] {
             stroke-opacity: $reactflow-edge-stroke-opacity-selected;
         }
 
-        text {
+        text[class*="react-flow__edge"] {
             opacity: $reactflow-edge-stroke-opacity-selected;
         }
     }
-    stroke: var(--#{$eccgui}-reactflow-node-color-default);
-    color: var(--#{$eccgui}-reactflow-node-color-default);
-
-    &:hover {
-        stroke: var(--#{$eccgui}-reactflow-node-color-hover);
-        color: var(--#{$eccgui}-reactflow-node-color-hover);
-    }
-
-    &.selected {
-        stroke: var(--#{$eccgui}-reactflow-node-color-selected);
-        color: var(--#{$eccgui}-reactflow-node-color-selected);
-    }
 }
 
 path.react-flow__edge-path {
@@ -58,10 +55,13 @@ path.react-flow__edge-path {
 
 path.react-flow__edge-path-glow {
     stroke: currentColor;
-    stroke-opacity: 0;
     fill: none;
     stroke-linecap: round;
 
+    .react-flow__edge & {
+        stroke-opacity: 0;
+    }
+
     .react-flow__edge:hover & {
         stroke-opacity: $reactflow-edge-stroke-opacity-hover * 0.2;
     }
@@ -300,19 +300,20 @@ path.react-flow__edge-path-highlight {
     width: 100%;
 }
 .#{$eccgui}-graphviz__edge-label__depiction {
-    margin: $eccgui-size-block-whitespace * 0.25;
+    margin-left: 2px;
+    display: inline-flex;
     flex-grow: 0;
     flex-shrink: 0;
     .#{$eccgui}-depiction__image {
-        height: calc(#{0.5 * $reactflow-node-largesize} - #{$eccgui-size-block-whitespace * 0.25});
+        height: calc(#{0.5 * $reactflow-node-largesize} - 4px);
 
         .#{$eccgui}-graphviz__edge-label--large & {
-            height: calc(#{$reactflow-node-largesize} - #{$eccgui-size-block-whitespace * 0.25});
+            height: calc(#{$reactflow-node-largesize} - 4px);
         }
     }
 }
 .#{$eccgui}-graphviz__edge-label__text {
-    margin: $eccgui-size-block-whitespace * 0.25;
+    margin: 0 $eccgui-size-block-whitespace * 0.25;
     flex-grow: 1;
     flex-shrink: 1;
     white-space: nowrap;
@@ -325,7 +326,7 @@ path.react-flow__edge-path-highlight {
     }
 }
 .#{$eccgui}-graphviz__edge-label__aux {
-    margin: $eccgui-size-block-whitespace * 0.25;
+    margin-right: $eccgui-size-block-whitespace * 0.25;
     flex-grow: 0;
     flex-shrink: 0;
 }

package/src/extensions/react-flow/edges/stories/EdgeLabel.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { ComponentStory, ComponentMeta } from "@storybook/react";
 import { loremIpsum } from 'react-lorem-ipsum';
-import { EdgeLabel, IconButton, Badge } from "./../../../../../index";
+import { EdgeLabel, IconButton, Badge, Icon } from "./../../../../../index";
 import canonicalIcons from "./../../../../components/Icon/canonicalIconNames";
 import { helpersArgTypes } from "../../../../../.storybook/helpers";
 
@@ -15,12 +15,13 @@ export default {
         },
         actions: {
             control: "select",
-            options: ["Not set", "Icon button", "Icon button small", "Info badge"],
+            options: ["Not set", "Icon button", "Icon button small", "Info badge", "Icon badge"],
             mapping: {
                 "Not set": undefined,
                 "Icon button": <IconButton name="item-info" text="Icon button" onClick={()=>alert("Click info")} />,
                 "Icon button small": <IconButton small name="item-info" text="Icon button" onClick={()=>alert("Click info")} />,
                 "Info badge": <Badge intent="info">Info</Badge>,
+                "Icon badge": <Badge intent="accent" size="small"><Icon name="undefined" small /></Badge>,
             },
         },
         intent: {

package/src/extensions/react-flow/nodes/_nodes.scss

@@ -271,11 +271,10 @@
 
 @mixin node-intent-gradient {
     border-image-source: conic-gradient(
-        from var(--node-intent-angle),
+        from var(--node-intent-angle) at 50% 50%,
         transparent,
-        var(--node-intent-color) 0.05turn,
-        var(--node-intent-color) 0.2turn,
-        transparent 0.25turn
+        var(--node-intent-color) 25deg 155deg,
+        transparent 180deg
     );
 }
 

package/src/index.scss

@@ -84,7 +84,6 @@
 @import "./components/AutoSuggestion/AutoSuggestion";
 @import "./components/Select/select";
 @import "./components/HoverToggler/hovertoggler";
-@import "./components/SimpleTable/simpletable";
 
 @import "./components";
 @import "./extensions/codemirror/codemirror";

package/src/index.ts

@@ -16,7 +16,7 @@ import Grid from "./components/Grid/Grid";
 import GridRow from "./components/Grid/GridRow";
 import GridColumn from "./components/Grid/GridColumn";
 
-import {HoverToggler} from "./components/HoverToggler/HoverToggler";
+import { HoverToggler } from "./components/HoverToggler/HoverToggler";
 
 import WorkspaceContent from "./components/Workspace/WorkspaceContent";
 import WorkspaceMain from "./components/Workspace/WorkspaceMain";
@@ -52,9 +52,6 @@ import ContextMenu from "./components/ContextOverlay/ContextMenu";
 
 import Pagination from "./components/Pagination/Pagination";
 
-import Tag from "./components/Tag/Tag";
-import TagList from "./components/Tag/TagList";
-
 import Notification from "./components/Notification/Notification";
 import Toast from "./components/Notification/Toast";
 
@@ -73,16 +70,6 @@ import {
     OverviewItemList,
 } from "./components/OverviewItem";
 
-import {
-    TableContainer,
-    Table,
-    TableHead,
-    TableRow,
-    TableBody,
-    TableCell,
-    TableHeader,
-} from "./components/SimpleTable";
-
 import BreadcrumbList from "./components/Breadcrumb/BreadcrumbList";
 import BreadcrumbItem from "./components/Breadcrumb/BreadcrumbItem";
 
@@ -90,15 +77,7 @@ import Modal from "./components/Dialog/Modal";
 import SimpleDialog from "./components/Dialog/SimpleDialog";
 import AlertDialog from "./components/Dialog/AlertDialog";
 
-import {
-    Card,
-    CardHeader,
-    CardTitle,
-    CardOptions,
-    CardContent,
-    CardActions,
-    CardActionsAux,
-} from "./components/Card";
+import { Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, CardActionsAux } from "./components/Card";
 
 import Spacing from "./components/Separation/Spacing";
 import Divider from "./components/Separation/Divider";
@@ -124,7 +103,6 @@ import InteractionGate from "./components/InteractionGate/InteractionGate";
 
 import { PropertyName, PropertyValue, PropertyValuePair, PropertyValueList } from "./components/PropertyValuePair";
 
-import { ProgressBar } from "./components/ProgressBar/ProgressBar";
 import List from "./components/List/List";
 
 import * as LegacyReplacements from "./legacy-replacements";
@@ -141,9 +119,9 @@ const HelperClasses = {
 };
 
 const Utilities = {
-     openInNewTab,
-     decideContrastColorValue
-}
+    openInNewTab,
+    decideContrastColorValue,
+};
 
 export {
     ApplicationContainer,
@@ -178,13 +156,6 @@ export {
     OverviewItemLine,
     OverviewItemActions,
     OverviewItemList,
-    TableContainer,
-    Table,
-    TableHead,
-    TableRow,
-    TableBody,
-    TableCell,
-    TableHeader,
     IconButton,
     Label,
     Button,
@@ -227,8 +198,6 @@ export {
     AccordionItem,
     Toolbar,
     ToolbarSection,
-    Tag,
-    TagList,
     Pagination,
     Notification,
     Link,
@@ -243,7 +212,6 @@ export {
     Select,
     MultiSelect,
     AutoCompleteField,
-    ProgressBar,
     Iframe,
     IframeModal,
     Utilities,
@@ -251,6 +219,5 @@ export {
 };
 
 export * from "./components";
-export * from "./components/interfaces";
 export * from "./extensions";
 export * from "./cmem";

package/dist/cjs/components/SimpleTable/TableContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableContainer.js","sourceRoot":"","sources":["../../../../src/components/SimpleTable/TableContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAAuE;AACvE,6DAAsE;AAEtE,SAAS,cAAc,CAAC,EAAgD;QAAhD,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAAsB,EAAjB,UAAU,cAAzC,yBAA2C,CAAF;IAC7D,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,WAAW,EAAE;QACzC,UAAU,CAAC,KAAK,GAAG,EAAE,CAAC;KACzB;IACD,IAAI,OAAO,UAAU,CAAC,WAAW,KAAK,WAAW,EAAE;QAC/C,UAAU,CAAC,WAAW,GAAG,EAAE,CAAC;KAC/B;IAED,OAAO,CACH,8BAAC,mCAAe,CAAC,cAAc,oBAAK,UAAU,IAAE,SAAS,EAAE,GAAG,uBAAM,0BAA0B,GAAG,SAAS,KACrG,QAAQ,CACoB,CACpC,CAAC;AACN,CAAC;AAED,kBAAe,cAAc,CAAC"}

package/dist/cjs/components/SimpleTable/index.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableHeader = exports.TableCell = exports.TableBody = exports.TableRow = exports.TableHead = exports.Table = exports.TableContainer = void 0;
-const carbon_components_react_1 = require("carbon-components-react");
-Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return carbon_components_react_1.Table; } });
-Object.defineProperty(exports, "TableHead", { enumerable: true, get: function () { return carbon_components_react_1.TableHead; } });
-Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return carbon_components_react_1.TableRow; } });
-Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return carbon_components_react_1.TableBody; } });
-Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return carbon_components_react_1.TableCell; } });
-Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function () { return carbon_components_react_1.TableHeader; } });
-const TableContainer_1 = __importDefault(require("./TableContainer"));
-exports.TableContainer = TableContainer_1.default;
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/SimpleTable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SimpleTable/index.tsx"],"names":[],"mappings":";;;;;;AAAA,qEAAuG;AAG9E,sFAHjB,+BAAK,OAGiB;AAAE,0FAHjB,mCAAS,OAGiB;AAAE,yFAHjB,kCAAQ,OAGiB;AAAE,0FAHjB,mCAAS,OAGiB;AAAE,0FAHjB,mCAAS,OAGiB;AAAE,4FAHjB,qCAAW,OAGiB;AAFtF,sEAA8C;AAErC,yBAFF,wBAAc,CAEE"}

package/dist/esm/components/SimpleTable/TableContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableContainer.js","sourceRoot":"","sources":["../../../../src/components/SimpleTable/TableContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,SAAS,cAAc,CAAC,EAAgD;IAA9C,IAAA,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,UAAU,cAAzC,yBAA2C,CAAF;IAC7D,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,WAAW,EAAE;QACzC,UAAU,CAAC,KAAK,GAAG,EAAE,CAAC;KACzB;IACD,IAAI,OAAO,UAAU,CAAC,WAAW,KAAK,WAAW,EAAE;QAC/C,UAAU,CAAC,WAAW,GAAG,EAAE,CAAC;KAC/B;IAED,OAAO,CACH,oBAAC,eAAe,CAAC,cAAc,eAAK,UAAU,IAAE,SAAS,EAAK,MAAM,6BAA0B,GAAG,SAAS,KACrG,QAAQ,CACoB,CACpC,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/esm/components/SimpleTable/index.js

@@ -1,4 +0,0 @@
-import { Table, TableHead, TableRow, TableBody, TableCell, TableHeader } from "carbon-components-react";
-import TableContainer from "./TableContainer.js";
-export { TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader };
-//# sourceMappingURL=index.js.map

package/dist/esm/components/SimpleTable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SimpleTable/index.tsx"],"names":[],"mappings":"AAAA,OAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACvG,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC"}

package/dist/types/components/SimpleTable/TableContainer.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function TableContainer({ children, className, ...otherProps }: any): JSX.Element;
-export default TableContainer;

package/dist/types/components/SimpleTable/index.d.ts

@@ -1,3 +0,0 @@
-import { Table, TableHead, TableRow, TableBody, TableCell, TableHeader } from "carbon-components-react";
-import TableContainer from "./TableContainer";
-export { TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader };

package/src/components/SimpleTable/TableContainer.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-import { DataTable as CarbonDataTable } from "carbon-components-react";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-
-function TableContainer({ children, className = "", ...otherProps }: any) {
-    if (typeof otherProps.title !== "undefined") {
-        otherProps.title = "";
-    }
-    if (typeof otherProps.description !== "undefined") {
-        otherProps.description = "";
-    }
-
-    return (
-        <CarbonDataTable.TableContainer {...otherProps} className={`${eccgui}-simpletable__container ` + className}>
-            {children}
-        </CarbonDataTable.TableContainer>
-    );
-}
-
-export default TableContainer;

package/src/components/SimpleTable/index.tsx

@@ -1,4 +0,0 @@
-import{ Table, TableHead, TableRow, TableBody, TableCell, TableHeader } from "carbon-components-react";
-import TableContainer from "./TableContainer";
-
-export { TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader };

package/src/components/SimpleTable/simpletable.scss

@@ -1,180 +0,0 @@
-// import libs
-@use "~@carbon/styles/scss/components/data-table/data-table";
-// currently not needed @import '~@carbon/styles/scss/components/data-table/action';
-// currently not needed @import '~@carbon/styles/scss/components/data-table/expandable';
-// currently not needed @import '~@carbon/styles/scss/components/data-table/skeleton';
-// currently not needed @import '~@carbon/styles/scss/components/data-table/sort';
-@include data-table.data-table;
-
-// own vars
-$eccgui-size-tablecell-height-regular: mini-units(5) !default;
-$eccgui-size-tablecell-padding-regular: ($eccgui-size-tablecell-height-regular - rem($eccgui-size-typo-text)) * 0.5 !default;
-$eccgui-size-tablecell-height-compact: mini-units(4) !default;
-$eccgui-size-tablecell-padding-compact: ($eccgui-size-tablecell-height-compact - rem($eccgui-size-typo-text)) * 0.5 !default;
-$eccgui-size-tablecell-height-tall: mini-units(6) !default;
-$eccgui-size-tablecell-padding-tall: ($eccgui-size-tablecell-height-tall - rem($eccgui-size-typo-text)) * 0.5 !default;
-$eccgui-size-tablecell-font-weight: $eccgui-font-weight-regular !default;
-$eccgui-size-tableheader-font-weight: $eccgui-font-weight-bold !default;
-$eccgui-color-tableheader-background: lighten($menu-item-color-hover, 15%) !default; // rgba($ui-03, alpha($ui-03) * $eccgui-opacity-muted);
-$eccgui-color-tablerow-background-even: $card-background-color !default;
-$eccgui-color-tablerow-background-odd: lighten($menu-item-color-hover, 24%) !default;
-$eccgui-color-tablerow-hover: $menu-item-color-hover !default;
-$eccgui-color-tablerow-selected: rgba($eccgui-color-accent, 0.1) !default;
-$eccgui-color-tablerow-selected-hover: mix($eccgui-color-tablerow-selected, $eccgui-color-tablerow-hover, 50%) !default;
-
-// changes
-.#{$eccgui}-simpletable__container {
-    min-width: unset;
-}
-
-.#{$prefix}--data-table-header {
-    background-color: $eccgui-color-tablerow-background-even;
-}
-
-.#{$prefix}--data-table {
-    min-width: 100%;
-}
-
-.#{$prefix}--data-table thead {
-    background-color: transparent;
-    font-weight: $eccgui-size-tablecell-font-weight;
-}
-
-.#{$prefix}--data-table th {
-    background-color: $eccgui-color-tableheader-background;
-    font-weight: $eccgui-size-tableheader-font-weight;
-}
-.#{$prefix}--data-table th.#{$prefix}--table-column-checkbox {
-    background: $eccgui-color-tableheader-background;
-}
-
-.#{$prefix}--data-table thead tr,
-.#{$prefix}--data-table tbody tr,
-.#{$prefix}--data-table tbody tr th {
-    height: $eccgui-size-tablecell-height-regular;
-}
-
-.#{$prefix}--data-table .#{$prefix}--table-header-label {
-    padding: $eccgui-size-tablecell-padding-regular 0;
-}
-
-.#{$prefix}--data-table td,
-.#{$prefix}--data-table tbody th {
-    padding-top: $eccgui-size-tablecell-padding-regular * 1.05;
-    padding-bottom: $eccgui-size-tablecell-padding-regular * 0.95;
-
-    vertical-align: top;
-
-    & + td:first-of-type {
-        padding-left: $spacing-05;
-    }
-}
-
-.#{$prefix}--data-table .#{$prefix}--table-column-menu,
-.#{$prefix}--data-table .#{$prefix}--table-column-menu:last-of-type {
-    width: auto;
-    min-width: 0;
-}
-
-.#{$prefix}--data-table {
-    thead th, tbody td, tbody th {
-        padding-left: $eccgui-size-block-whitespace * 0.5;
-        padding-right: $eccgui-size-block-whitespace * 0.5;
-    }
-}
-
-.#{$prefix}--data-table td,
-.#{$prefix}--data-table tbody th {
-    border-top: 1px solid $eccgui-color-tablerow-background-even;
-    background-color: $eccgui-color-tablerow-background-even;
-}
-
-.#{$prefix}--data-table tbody {
-    background-color: $eccgui-color-tablerow-background-even;
-
-    tr {
-        &:hover {
-            background-color: transparent;
-
-            th, td {
-                border-top: 1px solid $eccgui-color-tablerow-hover;
-                border-bottom: 1px solid $eccgui-color-tablerow-hover;
-                background-color: $eccgui-color-tablerow-hover;
-            }
-        }
-
-        &.#{$prefix}--data-table--selected {
-            th {
-                border-top: 1px solid mix($eccgui-color-tablerow-selected, $eccgui-color-tableheader-background, 50%);
-                background-color: mix($eccgui-color-tablerow-selected, $eccgui-color-tableheader-background, 50%);
-            }
-            td {
-                border-top: 1px solid $eccgui-color-tablerow-selected;
-                background-color: $eccgui-color-tablerow-selected;
-            }
-
-            &:hover {
-                th {
-                    border-top: 1px solid mix($eccgui-color-tablerow-selected-hover, $eccgui-color-tableheader-background, 50%);
-                    background-color: mix($eccgui-color-tablerow-selected-hover, $eccgui-color-tableheader-background, 50%);
-                }
-                td {
-                    border-top: 1px solid $eccgui-color-tablerow-selected-hover;
-                    background-color: $eccgui-color-tablerow-selected-hover;
-                }
-            }
-        }
-    }
-}
-
-// Compact
-
-.#{$prefix}--data-table--compact thead tr,
-.#{$prefix}--data-table--compact tbody tr,
-.#{$prefix}--data-table--compact tbody tr th {
-    height: $eccgui-size-tablecell-height-compact;
-}
-
-.#{$prefix}--data-table--compact .#{$prefix}--table-header-label {
-    padding: $eccgui-size-tablecell-padding-compact 0;
-}
-
-.#{$prefix}--data-table--compact td,
-.#{$prefix}--data-table--compact tbody tr th {
-    padding-top: $eccgui-size-tablecell-padding-compact * 1.05;
-    padding-bottom: $eccgui-size-tablecell-padding-compact * 0.95;
-}
-
-// Tall
-
-.#{$prefix}--data-table--tall thead tr,
-.#{$prefix}--data-table--tall tbody tr,
-.#{$prefix}--data-table--tall tbody tr th {
-    height: $eccgui-size-tablecell-height-compact;
-}
-
-.#{$prefix}--data-table--tall .#{$prefix}--table-header-label {
-    padding: $eccgui-size-tablecell-padding-tall 0;
-}
-
-.#{$prefix}--data-table--tall td,
-.#{$prefix}--data-table--tall tbody tr th {
-    padding-top: $eccgui-size-tablecell-padding-tall * 1.05;
-    padding-bottom: $eccgui-size-tablecell-padding-tall * 0.95;
-}
-
-// Sticky header
-
-.#{$prefix}--data-table_inner-container {
-    background-color: $eccgui-color-tableheader-background;
-}
-
-.#{$prefix}--data-table--sticky-header {
-    thead tr th {
-        // border-bottom-color: $active-ui;
-    }
-
-    tr {
-        min-height: $eccgui-size-tablecell-height-regular;
-    }
-}