d2coreui 23.0.21 → 23.0.23

package/style/ag-grid/_ag-theme-antd-vars.scss

@@ -1,195 +1,195 @@
-// Taken from the palette of angular material: https://github.com/angular/material2/blob/master/src/lib/core/theming/_palette.scss
-$mat-grey-0: #fff;
-$mat-grey-50: #fafafa;
-$mat-grey-100: #f5f5f5;
-$mat-grey-200: #eee;
-$mat-grey-300: #e2e2e2;
-
-// Taking primary and accent from the indigo / pink theme: https://github.com/angular/material2/blob/master/src/lib/core/theming/prebuilt/indigo-pink.scss
-$mat-indigo-500: #3f51b5;
-$mat-pink-A200: #ff4081;
-$mat-pink-50: #fce4ec;
-$mat-indigo-50: #e8eaf6;
-
-// opacity values used for black values, taken from material spec
-$foreground-opacity: 0.87 !default;
-$secondary-foreground-color-opacity: 0.54 !default;
-$disabled-foreground-color-opacity: 0.38 !default;
-
-/////////////////////////////////////////////////////////////////////////////////////////////////////
-// The variables below can be overriden to adjust the look up to the app color scheme
-/////////////////////////////////////////////////////////////////////////////////////////////////////
-
-// Sizing
-$grid-size: 8px !default;
-$icon-size: 18px !default;
-$header-height: $grid-size * 7 !default;
-$row-height: $grid-size * 6 !default;
-$row-border-width: 1px !default;
-$toolpanel-indent-size: $grid-size + $icon-size !default;
-$row-group-indent-size: $grid-size * 3 + $icon-size !default;
-$cell-horizontal-padding: $grid-size * 3 !default;
-$virtual-item-height: $grid-size * 5;
-$header-icon-size: 14px !default;
-
-// Fonts
-$font-family: "Roboto", sans-serif !default; // legacy: font
-$font-size: 13px !default;
-$font-weight: 400 !default;
-
-$secondary-font-family: "Roboto", sans-serif !default; //font-secondary
-$secondary-font-size: 12px !default; // font-secondary-size
-$secondary-font-weight: 700 !default; // font-secondary-weight
-
-// Misc
-$card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
-$card-radius: 2px;
-
-// Colors
-$background-color: $mat-grey-0 !default;
-$foreground-color: rgba(#000, $foreground-opacity) !default; // foreground
-$secondary-foreground-color: rgba(#000, $secondary-foreground-color-opacity) !default; // foreground-secondary
-$disabled-foreground-color: rgba(#000, $disabled-foreground-color-opacity) !default; // foreground-disabled
-$header-background-color: $background-color !default;
-$header-cell-hover-background-color: darken($header-background-color, 5%) !default;
-$header-cell-moving-background-color: $header-cell-hover-background-color !default;
-$header-foreground-color: $secondary-foreground-color !default;
-
-$border-color: $mat-grey-300 !default;
-$primary-color: $mat-indigo-500 !default;
-$accent-color: $mat-pink-A200 !default;
-$icon-color: #333 !default;
-$alt-icon-color: transparent !default;
-
-$editor-background-color: $mat-grey-50 !default;
-$panel-background-color: $mat-grey-200 !default;
-$tool-panel-background-color: $mat-grey-50 !default;
-$chip-background-color: $mat-grey-300 !default;
-
-$range-selection-background-color: transparentize(darken($mat-indigo-50, 30%), 0.9) !default;
-$range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1) !default;
-$range-selection-chart-background-color: rgba(0, 88, 255, 0.1) !default;
-$range-selection-highlight-color: $mat-pink-50 !default;
-$ag-range-selected-color-1: opacify($range-selection-background-color, 0.1) !default;
-$ag-range-selected-color-2: opacify($range-selection-background-color, 0.2) !default;
-$ag-range-selected-color-3: opacify($range-selection-background-color, 0.3) !default;
-$ag-range-selected-color-4: opacify($range-selection-background-color, 0.4) !default;
-
-$hover-color: $mat-grey-50 !default;
-$selected-color: $mat-grey-200 !default;
-$cell-data-changed-color: $mat-pink-50 !default;
-
-// delta changes
-$value-change-delta-up-color: #43a047 !default;
-$value-change-delta-down-color: #e53935 !default;
-$value-change-value-highlight-background-color: #00acc1 !default;
-
-// Icons
-$icon-font-family: "agGridMaterial" !default;
-$icons-data: "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" !default;
-
-
-@import "~ag-grid-community/src/styles/ag-theme-base/vars/ag-theme-base-vars";
-
-$params: (
-    font-family: $font-family,
-    font-size: $font-size,
-    font-weight: $font-weight,
-    secondary-font-family: $secondary-font-family,
-    secondary-font-size: $secondary-font-size,
-    secondary-font-weight: $secondary-font-weight,
-
-    accent-color: $accent-color,
-    primary-color: $primary-color,
-    hover-color: $hover-color,
-    selected-color: $selected-color,
-
-    background-color: $background-color,
-
-    foreground-color: $foreground-color,
-    foreground-opacity: $foreground-opacity,
-    secondary-foreground-color-opacity: $secondary-foreground-color-opacity,
-    secondary-foreground-color: $secondary-foreground-color,
-    disabled-foreground-color-opacity: $disabled-foreground-color-opacity,
-    disabled-foreground-color: $disabled-foreground-color,
-
-    border-color: $border-color,
-    scroll-spacer-border: $scroll-spacer-border,
-
-    panel-background-color: $panel-background-color,
-    tool-panel-background-color: $tool-panel-background-color,
-    header-background-color: $header-background-color,
-    header-cell-hover-background-color: $header-cell-hover-background-color,
-    header-cell-moving-background-color: $header-cell-moving-background-color,
-    header-foreground-color: $header-foreground-color,
-
-    focused-textbox-border: 2px solid $primary-color,
-    input-bottom-border: 2px solid $border-color,
-    input-bottom-border-disabled: 1px solid $border-color,
-    value-change-delta-up-color: $value-change-delta-up-color,
-    value-change-delta-down-color: $value-change-delta-down-color,
-    value-change-value-highlight-background-color: $value-change-value-highlight-background-color,
-
-    button-background-color: transparent,
-    icon-color: $icon-color,
-    cell-data-changed-color: $cell-data-changed-color,
-    chip-background-color: $chip-background-color,
-    card-background-color: $background-color,
-    editor-background-color-color: $editor-background-color,
-    
-    range-selection-background-color: $range-selection-background-color,
-    range-selection-chart-background-color: $range-selection-chart-background-color,
-    range-selection-chart-category-background-color: $range-selection-chart-category-background-color,
-    range-selection-highlight-color: $range-selection-highlight-color,
-    ag-range-selected-color-1: $ag-range-selected-color-1,
-    ag-range-selected-color-2: $ag-range-selected-color-2,
-    ag-range-selected-color-3: $ag-range-selected-color-3,
-    ag-range-selected-color-4: $ag-range-selected-color-4,
-    icon-opacity: $foreground-opacity,
-
-    grid-size: $grid-size,
-    input-height: $grid-size * 5,
-    input-border-width: 0,
-
-    icon-size: $icon-size,
-    header-icon-size: $header-icon-size,
-    row-height: $row-height,
-    row-border-width: $row-border-width,
-    header-height: $header-height,
-    virtual-item-height: $virtual-item-height,
-    rich-select-item-height: $row-height,
-    cell-horizontal-padding: $cell-horizontal-padding,
-    cell-horizontal-border: $cell-horizontal-border,
-    toolpanel-indent-size: $toolpanel-indent-size,
-    row-group-indent-size: $row-group-indent-size,
-
-    button-text-transform: uppercase,
-    card-radius: $card-radius,
-    card-shadow: $card-shadow,
-    use-icons-for-pager-buttons: true,
-    customize-inputs: true,
-    customize-buttons: true,
-    full-width-tabs: true,
-
-    tooltip-background-color: $tooltip-background-color,
-    tooltip-foreground-color: $tooltip-foreground-color,
-    tooltip-padding: $tooltip-padding,
-    tooltip-border-radius: $tooltip-border-radius,
-    tooltip-border-color: $tooltip-border-color,
-    tooltip-border-width: $tooltip-border-width,
-    tooltip-border-style: $tooltip-border-style,
-
-    dialog-background-color: $dialog-background-color,
-    dialog-border-size: $dialog-border-size,
-    dialog-border-style: $dialog-border-style,
-    dialog-border-color: $dialog-border-color,
-
-    dialog-title-background-color: $dialog-title-background-color,
-    dialog-title-foreground-color: $dialog-title-foreground-color,
-    dialog-title-height: $dialog-title-height,
-    dialog-title-font-family: $dialog-title-font-family,
-    dialog-title-font-size: $dialog-title-font-size,
-    dialog-title-font-weight: $dialog-title-font-weight,
-    dialog-title-padding: $dialog-title-padding,
-    dialog-title-icon-size: $dialog-title-icon-size
+// Taken from the palette of angular material: https://github.com/angular/material2/blob/master/src/lib/core/theming/_palette.scss
+$mat-grey-0: #fff;
+$mat-grey-50: #fafafa;
+$mat-grey-100: #f5f5f5;
+$mat-grey-200: #eee;
+$mat-grey-300: #e2e2e2;
+
+// Taking primary and accent from the indigo / pink theme: https://github.com/angular/material2/blob/master/src/lib/core/theming/prebuilt/indigo-pink.scss
+$mat-indigo-500: #3f51b5;
+$mat-pink-A200: #ff4081;
+$mat-pink-50: #fce4ec;
+$mat-indigo-50: #e8eaf6;
+
+// opacity values used for black values, taken from material spec
+$foreground-opacity: 0.87 !default;
+$secondary-foreground-color-opacity: 0.54 !default;
+$disabled-foreground-color-opacity: 0.38 !default;
+
+/////////////////////////////////////////////////////////////////////////////////////////////////////
+// The variables below can be overriden to adjust the look up to the app color scheme
+/////////////////////////////////////////////////////////////////////////////////////////////////////
+
+// Sizing
+$grid-size: 8px !default;
+$icon-size: 18px !default;
+$header-height: $grid-size * 7 !default;
+$row-height: $grid-size * 6 !default;
+$row-border-width: 1px !default;
+$toolpanel-indent-size: $grid-size + $icon-size !default;
+$row-group-indent-size: $grid-size * 3 + $icon-size !default;
+$cell-horizontal-padding: $grid-size * 3 !default;
+$virtual-item-height: $grid-size * 5;
+$header-icon-size: 14px !default;
+
+// Fonts
+$font-family: "Roboto", sans-serif !default; // legacy: font
+$font-size: 13px !default;
+$font-weight: 400 !default;
+
+$secondary-font-family: "Roboto", sans-serif !default; //font-secondary
+$secondary-font-size: 12px !default; // font-secondary-size
+$secondary-font-weight: 700 !default; // font-secondary-weight
+
+// Misc
+$card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
+$card-radius: 2px;
+
+// Colors
+$background-color: $mat-grey-0 !default;
+$foreground-color: rgba(#000, $foreground-opacity) !default; // foreground
+$secondary-foreground-color: rgba(#000, $secondary-foreground-color-opacity) !default; // foreground-secondary
+$disabled-foreground-color: rgba(#000, $disabled-foreground-color-opacity) !default; // foreground-disabled
+$header-background-color: $background-color !default;
+$header-cell-hover-background-color: darken($header-background-color, 5%) !default;
+$header-cell-moving-background-color: $header-cell-hover-background-color !default;
+$header-foreground-color: $secondary-foreground-color !default;
+
+$border-color: $mat-grey-300 !default;
+$primary-color: $mat-indigo-500 !default;
+$accent-color: $mat-pink-A200 !default;
+$icon-color: #333 !default;
+$alt-icon-color: transparent !default;
+
+$editor-background-color: $mat-grey-50 !default;
+$panel-background-color: $mat-grey-200 !default;
+$tool-panel-background-color: $mat-grey-50 !default;
+$chip-background-color: $mat-grey-300 !default;
+
+$range-selection-background-color: transparentize(darken($mat-indigo-50, 30%), 0.9) !default;
+$range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1) !default;
+$range-selection-chart-background-color: rgba(0, 88, 255, 0.1) !default;
+$range-selection-highlight-color: $mat-pink-50 !default;
+$ag-range-selected-color-1: opacify($range-selection-background-color, 0.1) !default;
+$ag-range-selected-color-2: opacify($range-selection-background-color, 0.2) !default;
+$ag-range-selected-color-3: opacify($range-selection-background-color, 0.3) !default;
+$ag-range-selected-color-4: opacify($range-selection-background-color, 0.4) !default;
+
+$hover-color: $mat-grey-50 !default;
+$selected-color: $mat-grey-200 !default;
+$cell-data-changed-color: $mat-pink-50 !default;
+
+// delta changes
+$value-change-delta-up-color: #43a047 !default;
+$value-change-delta-down-color: #e53935 !default;
+$value-change-value-highlight-background-color: #00acc1 !default;
+
+// Icons
+$icon-font-family: "agGridMaterial" !default;
+$icons-data: "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" !default;
+
+
+@import "~ag-grid-community/src/styles/ag-theme-base/vars/ag-theme-base-vars";
+
+$params: (
+    font-family: $font-family,
+    font-size: $font-size,
+    font-weight: $font-weight,
+    secondary-font-family: $secondary-font-family,
+    secondary-font-size: $secondary-font-size,
+    secondary-font-weight: $secondary-font-weight,
+
+    accent-color: $accent-color,
+    primary-color: $primary-color,
+    hover-color: $hover-color,
+    selected-color: $selected-color,
+
+    background-color: $background-color,
+
+    foreground-color: $foreground-color,
+    foreground-opacity: $foreground-opacity,
+    secondary-foreground-color-opacity: $secondary-foreground-color-opacity,
+    secondary-foreground-color: $secondary-foreground-color,
+    disabled-foreground-color-opacity: $disabled-foreground-color-opacity,
+    disabled-foreground-color: $disabled-foreground-color,
+
+    border-color: $border-color,
+    scroll-spacer-border: $scroll-spacer-border,
+
+    panel-background-color: $panel-background-color,
+    tool-panel-background-color: $tool-panel-background-color,
+    header-background-color: $header-background-color,
+    header-cell-hover-background-color: $header-cell-hover-background-color,
+    header-cell-moving-background-color: $header-cell-moving-background-color,
+    header-foreground-color: $header-foreground-color,
+
+    focused-textbox-border: 2px solid $primary-color,
+    input-bottom-border: 2px solid $border-color,
+    input-bottom-border-disabled: 1px solid $border-color,
+    value-change-delta-up-color: $value-change-delta-up-color,
+    value-change-delta-down-color: $value-change-delta-down-color,
+    value-change-value-highlight-background-color: $value-change-value-highlight-background-color,
+
+    button-background-color: transparent,
+    icon-color: $icon-color,
+    cell-data-changed-color: $cell-data-changed-color,
+    chip-background-color: $chip-background-color,
+    card-background-color: $background-color,
+    editor-background-color-color: $editor-background-color,
+    
+    range-selection-background-color: $range-selection-background-color,
+    range-selection-chart-background-color: $range-selection-chart-background-color,
+    range-selection-chart-category-background-color: $range-selection-chart-category-background-color,
+    range-selection-highlight-color: $range-selection-highlight-color,
+    ag-range-selected-color-1: $ag-range-selected-color-1,
+    ag-range-selected-color-2: $ag-range-selected-color-2,
+    ag-range-selected-color-3: $ag-range-selected-color-3,
+    ag-range-selected-color-4: $ag-range-selected-color-4,
+    icon-opacity: $foreground-opacity,
+
+    grid-size: $grid-size,
+    input-height: $grid-size * 5,
+    input-border-width: 0,
+
+    icon-size: $icon-size,
+    header-icon-size: $header-icon-size,
+    row-height: $row-height,
+    row-border-width: $row-border-width,
+    header-height: $header-height,
+    virtual-item-height: $virtual-item-height,
+    rich-select-item-height: $row-height,
+    cell-horizontal-padding: $cell-horizontal-padding,
+    cell-horizontal-border: $cell-horizontal-border,
+    toolpanel-indent-size: $toolpanel-indent-size,
+    row-group-indent-size: $row-group-indent-size,
+
+    button-text-transform: uppercase,
+    card-radius: $card-radius,
+    card-shadow: $card-shadow,
+    use-icons-for-pager-buttons: true,
+    customize-inputs: true,
+    customize-buttons: true,
+    full-width-tabs: true,
+
+    tooltip-background-color: $tooltip-background-color,
+    tooltip-foreground-color: $tooltip-foreground-color,
+    tooltip-padding: $tooltip-padding,
+    tooltip-border-radius: $tooltip-border-radius,
+    tooltip-border-color: $tooltip-border-color,
+    tooltip-border-width: $tooltip-border-width,
+    tooltip-border-style: $tooltip-border-style,
+
+    dialog-background-color: $dialog-background-color,
+    dialog-border-size: $dialog-border-size,
+    dialog-border-style: $dialog-border-style,
+    dialog-border-color: $dialog-border-color,
+
+    dialog-title-background-color: $dialog-title-background-color,
+    dialog-title-foreground-color: $dialog-title-foreground-color,
+    dialog-title-height: $dialog-title-height,
+    dialog-title-font-family: $dialog-title-font-family,
+    dialog-title-font-size: $dialog-title-font-size,
+    dialog-title-font-weight: $dialog-title-font-weight,
+    dialog-title-padding: $dialog-title-padding,
+    dialog-title-icon-size: $dialog-title-icon-size
 );

package/style/ag-grid/ag-theme-antd.scss

@@ -1,87 +1,87 @@
-@import "./ag-theme-material-vars";
-@import "../../../../node_modules/ag-grid-community/src/styles/ag-theme-base/sass/ag-theme-base";
-
-.ag-theme-material {
-    %selected-tab {
-        border-bottom: 2px solid $primary-color;
-    }
-
-    @include ag-grid-theme($params);
-
-    .ag-icon-checkbox-checked,
-    .ag-icon-checkbox-checked-readonly,
-    .ag-icon-checkbox-unchecked,
-    .ag-icon-checkbox-unchecked-readonly,
-    .ag-icon-checkbox-indeterminate,
-    .ag-icon-checkbox-indeterminate-readonly,
-    .ag-icon-radio-button-on,
-    .ag-icon-radio-button-off {
-        height: $icon-size + 6;
-        width: $icon-size + 6;
-        font-size: $icon-size + 6;
-        line-height: $icon-size + 6;
-    }
-
-    .ag-header-cell, .ag-header-group-cell {
-        transition: background-color 0.5s;
-    }
-
-    .ag-cell-highlight {
-        background-color: $range-selection-highlight-color !important;
-    }
-
-    .ag-cell-highlight-animation {
-        transition: background-color 1s;
-    }
-
-    .ag-menu-option {
-        height: $grid-size * 5 - 2;
-    }
-
-    .ag-side-bar {
-        border-bottom: 0;
-        border-right: 0;
-        border-top: 0;
-
-        .ag-side-buttons button {
-            border: 0;
-            color: $secondary-foreground-color;
-            font-family: $secondary-font-family;
-            font-size: $secondary-font-size;
-            font-weight: $secondary-font-weight;
-            background: transparent;
-        }
-
-        .ag-side-buttons .ag-side-button button {
-          background-color: transparent;
-          border-width: 0;
-        }
-
-        .ag-side-buttons .ag-selected button {
-          border-left: 2px solid $primary-color;
-          background-color: $tool-panel-background-color;
-          margin-left: -2px;
-          padding-left: 1px;
-        }
-
-        .ag-filter-toolpanel-body {
-            background-color: $background-color;
-        }
-    }
-
-    .ag-status-bar {
-      border-top-width: 1px;
-    }
-
-    .ag-rtl .ag-side-bar {
-        .ag-side-buttons .ag-selected button {
-          border-left: 0;
-          margin-left: 0;
-          padding-left:0;
-
-          border-right: 2px solid $primary-color;
-          margin-right: -2px;
-          padding-right: 1px;
-        }
-    }
-}
+@import "./ag-theme-material-vars";
+@import "../../../../node_modules/ag-grid-community/src/styles/ag-theme-base/sass/ag-theme-base";
+
+.ag-theme-material {
+    %selected-tab {
+        border-bottom: 2px solid $primary-color;
+    }
+
+    @include ag-grid-theme($params);
+
+    .ag-icon-checkbox-checked,
+    .ag-icon-checkbox-checked-readonly,
+    .ag-icon-checkbox-unchecked,
+    .ag-icon-checkbox-unchecked-readonly,
+    .ag-icon-checkbox-indeterminate,
+    .ag-icon-checkbox-indeterminate-readonly,
+    .ag-icon-radio-button-on,
+    .ag-icon-radio-button-off {
+        height: $icon-size + 6;
+        width: $icon-size + 6;
+        font-size: $icon-size + 6;
+        line-height: $icon-size + 6;
+    }
+
+    .ag-header-cell, .ag-header-group-cell {
+        transition: background-color 0.5s;
+    }
+
+    .ag-cell-highlight {
+        background-color: $range-selection-highlight-color !important;
+    }
+
+    .ag-cell-highlight-animation {
+        transition: background-color 1s;
+    }
+
+    .ag-menu-option {
+        height: $grid-size * 5 - 2;
+    }
+
+    .ag-side-bar {
+        border-bottom: 0;
+        border-right: 0;
+        border-top: 0;
+
+        .ag-side-buttons button {
+            border: 0;
+            color: $secondary-foreground-color;
+            font-family: $secondary-font-family;
+            font-size: $secondary-font-size;
+            font-weight: $secondary-font-weight;
+            background: transparent;
+        }
+
+        .ag-side-buttons .ag-side-button button {
+          background-color: transparent;
+          border-width: 0;
+        }
+
+        .ag-side-buttons .ag-selected button {
+          border-left: 2px solid $primary-color;
+          background-color: $tool-panel-background-color;
+          margin-left: -2px;
+          padding-left: 1px;
+        }
+
+        .ag-filter-toolpanel-body {
+            background-color: $background-color;
+        }
+    }
+
+    .ag-status-bar {
+      border-top-width: 1px;
+    }
+
+    .ag-rtl .ag-side-bar {
+        .ag-side-buttons .ag-selected button {
+          border-left: 0;
+          margin-left: 0;
+          padding-left:0;
+
+          border-right: 2px solid $primary-color;
+          margin-right: -2px;
+          padding-right: 1px;
+        }
+    }
+}