@eccenca/gui-elements 23.1.0-rc.2 → 23.1.0-rc.3

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;
-    }
-}