devextreme-themebuilder 25.1.2-beta → 25.1.3

package/data/scss/widgets/generic/cardView/_sizes.scss

@@ -1,3 +1,23 @@
+$cardview-generic-common-border-radius: getCustomVar(("$cardview-generic-common-border-radius")) !default;
+$cardview-generic-common-text-weight: getCustomVar(("$cardview-generic-common-text-weight")) !default;
+$cardview-generic-common-cards-row-gap: getCustomVar(("$cardview-generic-common-cards-row-gap")) !default;
+$cardview-generic-common-cards-column-gap: getCustomVar(("$cardview-generic-common-cards-column-gap")) !default;
+$cardview-generic-card-border-radius: getCustomVar(("$cardview-generic-card-border-radius")) !default;
+$cardview-generic-card__field-caption-weight: getCustomVar(("$cardview-generic-card__field-caption-weight")) !default;
+$cardview-generic-card--selected__field-caption-weight: getCustomVar(("$cardview-generic-card--selected__field-caption-weight")) !default;
+$cardview-generic-header-panel__item-border-radius: getCustomVar(("$cardview-generic-header-panel__item-border-radius")) !default;
+$cardview-generic-header-panel__item-text-weight: getCustomVar(("$cardview-generic-header-panel__item-text-weight")) !default;
+$cardview-generic-header-panel__item__sort-index-text-weight: getCustomVar(("$cardview-generic-header-panel__item__sort-index-text-weight")) !default;
+$cardview-generic-header-panel__item--hovered-text-weight: getCustomVar(("$cardview-generic-header-panel__item--hovered-text-weight")) !default;
+$cardview-generic-header-panel__item--hovered__sort-index-text-weight: getCustomVar(("$cardview-generic-header-panel__item--hovered__sort-index-text-weight")) !default;
+$cardview-generic-header-panel__item--disabled-text-weight: getCustomVar(("$cardview-generic-header-panel__item--disabled-text-weight")) !default;
+$cardview-generic-header-panel__item--disabled__sort-index-text-weight: getCustomVar(("$cardview-generic-header-panel__item--disabled__sort-index-text-weight")) !default;
+$cardview-generic-header-panel__item--dragged-text-weight: getCustomVar(("$cardview-generic-header-panel__item--dragged-text-weight")) !default;
+$cardview-generic-header-panel__dropzone-border-radius: getCustomVar(("$cardview-generic-header-panel__dropzone-border-radius")) !default;
+$cardview-generic-filter-panel-border-radius: getCustomVar(("$cardview-generic-filter-panel-border-radius")) !default;
+$cardview-generic-card__content__field-value--highlighted-border-radius: getCustomVar(("$cardview-generic-card__content__field-value--highlighted-border-radius")) !default;
+$cardview-generic-card__content__field-value--highlighted-text-weight: getCustomVar(("$cardview-generic-card__content__field-value--highlighted-text-weight")) !default;
+
 @use "../sizes" as *;
 @use '../../base/cardView/variables' as *;
 @use '../../base/cardView/header_panel/variables' as *;
@@ -9,147 +29,403 @@
 @use '../../base/cardView/content_view/content/variables' as *;
 @use '../../base/cardView/content_view/no_data/variables' as *;
 @use '../../base/cardView/column_chooser/variables' as *;
+@use '../../base/cardView/filter_panel/variables' as *;
 
 // adduse
 
-$cardview-generic-sizes-60: null;
-$cardview-generic-sizes-48: null;
-$cardview-generic-sizes-36: null;
-$cardview-generic-sizes-18: null;
-$cardview-generic-paddings-24: null;
-$cardview-generic-paddings-16: null;
-$cardview-generic-paddings-12: null;
-$cardview-generic-paddings-9: null;
-$cardview-generic-paddings-6: null;
-$cardview-generic-text-size-16: null;
-$cardview-generic-border-radius-8: null;
-$cardview-generic-gaps-8: null;
-$cardview-generic-gaps-16: null;
-$cardview-generic-gaps-20: null;
-
-$cardview-generic-card-header-height: null;
-
-$cardview-generic-headerpanel-text-empty-line-height: null;
-$cardview-generic-headerpanel-dropzone-height: null;
-$cardview-generic-headerpanel-dropzone-top: null;
-$cardview-generic-column-chooser-select-all-item-horizontal-padding: null;
-
-$cardview-generic-headers-container-gap: null;
-$cardview-generic-headerpanel-vertical-margin: null;
-
-$cardview-generic-content-card-cover-max-height-default: null;
-$cardview-generic-card-content-row-gap: null;
+// #region COMMON SETTINGS
+$cardview-generic-common-border-radius: null !default;
+$cardview-generic-common-text-weight: null !default;
+$cardview-generic-common-cards-row-gap: null !default;
+$cardview-generic-common-cards-column-gap: null !default;
+
+$cardview-generic-common-gap: null !default;
+
+$cardview-generic-common-padding: null !default;
+
+// #endregion
+
+// #region CARD
+
+$cardview-generic-card-min-width: null !default;
+
+$cardview-generic-card-border-width: null !default;
+$cardview-generic-card-border-radius: null !default;
+
+$cardview-generic-card__header-height: null !default;
+
+$cardview-generic-card__header-text-size: null !default;
+
+$cardview-generic-card__header__selection-checkbox-padding-right: null !default;
+$cardview-generic-card__field-caption-weight: null !default;
+
+$cardview-generic-card__cover-max-height: null !default;
+
+$cardview-generic-card__cover--noimage__icon-size: null !default;
+
+$cardview-generic-card__content-padding: null !default;
+
+$cardview-generic-card__content-row-gap: null !default;
+
+$cardview-generic-card__content__cell-padding-vertical: null !default;
+
+$cardview-generic-card__content__cell-padding-horizontal: null !default;
+
+// #endregion
+
+// #region CARD (SELECTED)
+$cardview-generic-card--selected__field-caption-weight: null !default;
+
+// #endregion
+
+// #region HEADER
+
+$cardview-generic-header-gap: null !default;
+
+// #endregion
+
+// #region HEADER PANEL
+
+$cardview-generic-header-panel-vertical-margin: null !default;
+
+$cardview-generic-header-panel--empty-line-height: null !default;
+
+// #endregion
+
+// #region HEADER PANEL ITEM
+
+$cardview-generic-header-panel__item-border-width: null !default;
+$cardview-generic-header-panel__item-border-radius: null !default;
+
+$cardview-generic-header-panel__item-padding-vertical: null !default;
+
+$cardview-generic-header-panel__item-padding-horizontal: null !default;
+
+$cardview-generic-header-panel__item-line-height: null !default;
+$cardview-generic-header-panel__item-text-weight: null !default;
+$cardview-generic-header-panel__item__sort-index-text-weight: null !default;
+
+$cardview-generic-header-panel__item__icon-size: null !default;
+
+$cardview-generic-header-item__left-padding: null !default;
+$cardview-generic-header-item__right-padding: null !default;
+
+// #endregion
+
+// #region HEADER PANEL ITEM (HOVERED)
+$cardview-generic-header-panel__item--hovered-text-weight: null !default;
+$cardview-generic-header-panel__item--hovered__sort-index-text-weight: null !default;
+
+// #endregion
+
+// #region HEADER PANEL ITEM (DISABLED)
+$cardview-generic-header-panel__item--disabled-text-weight: null !default;
+$cardview-generic-header-panel__item--disabled__sort-index-text-weight: null !default;
+
+// #endregion
+
+// #region HEADER PANEL ITEM (ON DRAG)
+$cardview-generic-header-panel__item--dragged-text-weight: null !default;
+
+$cardview-generic-header-item__sort-indicator__border-size: null;
+$cardview-generic-header-item__sort-indicator__border-radius: null;
+
+// #endregion
+
+// #region HEADER PANEL DROP ZONE
+
+$cardview-generic-header-panel__dropzone-height: null !default;
+
+$cardview-generic-header-panel__dropzone-top: null !default;
+
+$cardview-generic-header-panel__dropzone-border-width: null !default;
+$cardview-generic-header-panel__dropzone-border-radius: null !default;
+
+// #endregion
+
+// #region FILTER PANEL
+$cardview-generic-filter-panel-border-radius: null !default;
+
+// #endregion
+
+// #region NO DATA VIEW
+
+$cardview-generic-nodata-view__icon-container-size: null !default;
+
+$cardview-generic-nodata-view__icon-container-margin: null !default;
+
+$cardview-generic-nodata-view__icon-size: null !default;
+
+// #endregion
+
+// #region HIGHLIGHTS IN SEARCH
+$cardview-generic-card__content__field-value--highlighted-border-radius: null !default;
+
+$cardview-generic-card__content__field-value--highlighted-border-padding: null !default;
+$cardview-generic-card__content__field-value--highlighted-text-weight: null !default;
+
+// #endregion
+
+// #region COLUMN CHOOSER
+
+$cardview-generic-column-chooser--empty__message-horizontal-padding: null !default;
+
+$cardview-generic-column-chooser__select-all-item-horizontal-padding: null !default;
+
+// #endregion
 
 @if $size == "default" {
-  $cardview-generic-sizes-60: 60px;
-  $cardview-generic-sizes-48: 48px;
-  $cardview-generic-sizes-36: 36px;
-  $cardview-generic-sizes-18: 18px;
-  $cardview-generic-paddings-24: 24px;
-  $cardview-generic-paddings-16: 16px;
-  $cardview-generic-paddings-12: 12px;
-  $cardview-generic-paddings-9: 9px;
-  $cardview-generic-paddings-6: 6px;
-  $cardview-generic-text-size-16: 16px;
-  $cardview-generic-border-radius-8: 8px;
-  $cardview-generic-gaps-8: 8px;
-  $cardview-generic-gaps-16: 16px;
-  $cardview-generic-gaps-20: 20px;
-
-  $cardview-generic-card-header-height: 52px;
-
-  $cardview-generic-headerpanel-text-empty-line-height: 36px;
-  $cardview-generic-headerpanel-dropzone-height: 36px;
-  $cardview-generic-headerpanel-dropzone-top: 0;
-  $cardview-generic-column-chooser-select-all-item-horizontal-padding: 10px;
-
-  $cardview-generic-headers-container-gap: 12px;
-  $cardview-generic-headerpanel-vertical-margin: 4px;
-
-  $cardview-generic-content-card-cover-max-height-default: 180px;
-  $cardview-generic-card-content-row-gap: 8px;
+
+  // Common
+  $cardview-generic-common-border-radius: 16px !default;
+  $cardview-generic-common-text-weight: 400 !default;
+  $cardview-generic-common-cards-row-gap: 16px !default;
+  $cardview-generic-common-cards-column-gap: 16px !default;
+  $cardview-generic-common-gap: 20px !default;
+  $cardview-generic-common-padding: 24px !default;
+
+  // Card
+  $cardview-generic-card-min-width: 250px !default;
+  $cardview-generic-card-border-width: 1px !default;
+  $cardview-generic-card-border-radius: 8px !default;
+  $cardview-generic-card__header-height: 52px !default;
+  $cardview-generic-card__header-text-size: 16px !default;
+  $cardview-generic-card__header__selection-checkbox-padding-right: 12px !default;
+  $cardview-generic-card__field-caption-weight: 600 !default;
+  $cardview-generic-card__cover-max-height: 180px !default;
+  $cardview-generic-card__cover--noimage__icon-size: 48px !default;
+  $cardview-generic-card__content-padding: 12px !default;
+  $cardview-generic-card__content-row-gap: 8px !default;
+  $cardview-generic-card__content__cell-padding-vertical: 6px !default;
+  $cardview-generic-card__content__cell-padding-horizontal: 12px !default;
+
+  // Card - selected
+  $cardview-generic-card--selected__field-caption-weight: $cardview-generic-card__field-caption-weight !default;
+
+  // Header
+  $cardview-generic-header-gap: 12px !default;
+
+  // Header panel
+  $cardview-generic-header-panel-vertical-margin: 4px !default;
+  $cardview-generic-header-panel--empty-line-height: 36px !default;
+
+  // Header panel item - default
+  $cardview-generic-header-panel__item-border-width: 1px !default;
+  $cardview-generic-header-panel__item-border-radius: 4px !default;
+  $cardview-generic-header-panel__item-padding-horizontal: 12px !default;
+  $cardview-generic-header-panel__item-padding-vertical: 8px !default;
+  $cardview-generic-header-item__left-padding: 6px !default;
+  $cardview-generic-header-item__right-padding: 2px !default;
+  $cardview-generic-header-panel__item-line-height: 18px !default;
+  $cardview-generic-header-panel__item-text-weight: $cardview-generic-common-text-weight !default;
+  $cardview-generic-header-panel__item__sort-index-text-weight: 400 !default;
+  $cardview-generic-header-panel__item__icon-size: $generic-base-icon-size !default;
+
+  // Header panel item - hovered
+  $cardview-generic-header-panel__item--hovered-text-weight: $cardview-generic-header-panel__item-text-weight !default;
+  $cardview-generic-header-panel__item--hovered__sort-index-text-weight: $cardview-generic-header-panel__item__sort-index-text-weight !default;
+
+  // Header panel item - disabled
+  $cardview-generic-header-panel__item--disabled-text-weight: $cardview-generic-header-panel__item-text-weight !default;
+  $cardview-generic-header-panel__item--disabled__sort-index-text-weight: $cardview-generic-header-panel__item__sort-index-text-weight !default;
+
+  // Header panel item - dragged
+  $cardview-generic-header-panel__item--dragged-text-weight: $cardview-generic-header-panel__item-text-weight !default;
+  $cardview-generic-header-item__sort-indicator__border-size: 2px !default;
+  $cardview-generic-header-item__sort-indicator__border-radius: 8px !default;
+
+  // Header panel Drop-zone
+  $cardview-generic-header-panel__dropzone-height: 36px !default;
+  $cardview-generic-header-panel__dropzone-top: 0 !default;
+  $cardview-generic-header-panel__dropzone-border-width: 1.5px !default;
+  $cardview-generic-header-panel__dropzone-border-radius: 8px !default;
+
+  // Filter panel
+  $cardview-generic-filter-panel-border-radius: 0 !default;
+
+  // Empty view
+  $cardview-generic-nodata-view__icon-container-size: 60px !default;
+  $cardview-generic-nodata-view__icon-container-margin: 12px !default;
+  $cardview-generic-nodata-view__icon-size: 36px !default;
+
+  // Search highlight
+  $cardview-generic-card__content__field-value--highlighted-border-radius: 5px !default;
+  $cardview-generic-card__content__field-value--highlighted-border-padding: .125em 0.2em !default;
+  $cardview-generic-card__content__field-value--highlighted-text-weight: 500 !default;
+
+  // Column chooser
+  $cardview-generic-column-chooser--empty__message-horizontal-padding: 24px !default;
+  $cardview-generic-column-chooser__select-all-item-horizontal-padding: 10px !default;
 }
 @else if $size == "compact" {
-  $cardview-generic-sizes-60: 40px;
-  $cardview-generic-sizes-48: 32px;
-  $cardview-generic-sizes-36: 24px;
-  $cardview-generic-sizes-18: 14px;
-  $cardview-generic-paddings-24: 16px;
-  $cardview-generic-paddings-16: 12px;
-  $cardview-generic-paddings-12: 8px;
-  $cardview-generic-paddings-9: 5px;
-  $cardview-generic-paddings-6: 4px;
-  $cardview-generic-text-size-16: 14px;
-  $cardview-generic-border-radius-8: 6px;
-  $cardview-generic-gaps-8: 4px;
-  $cardview-generic-gaps-16: 12px;
-  $cardview-generic-gaps-20: 16px;
-
-  $cardview-generic-card-header-height: 42px;
-
-  $cardview-generic-headerpanel-text-empty-line-height: 24px;
-  $cardview-generic-headerpanel-dropzone-height: 24px;
-  $cardview-generic-headerpanel-dropzone-top: 0;
-  $cardview-generic-column-chooser-select-all-item-horizontal-padding: 6px;
-
-  $cardview-generic-headers-container-gap: 12px;
-  $cardview-generic-headerpanel-vertical-margin: 0;
-
-  $cardview-generic-content-card-cover-max-height-default: 140px;
-  $cardview-generic-card-content-row-gap: 4px;
-}
 
-$cardview-border-radius: 16px !default;
-$cardview-gap: $cardview-generic-gaps-20 !default;
-$cardview-padding: $cardview-generic-paddings-24 !default;
+  // Common
+  $cardview-generic-common-border-radius: 16px !default;
+  $cardview-generic-common-text-weight: 400 !default;
+  $cardview-generic-common-cards-row-gap: 12px !default;
+  $cardview-generic-common-cards-column-gap: 12px !default;
+  $cardview-generic-common-gap: 16px !default;
+  $cardview-generic-common-padding: 16px !default;
 
-$cardview-card-header-height: $cardview-generic-card-header-height !default;
+  // Card
+  $cardview-generic-card-min-width: 250px !default;
+  $cardview-generic-card-border-width: 1px !default;
+  $cardview-generic-card-border-radius: 6px !default;
+  $cardview-generic-card__header-height: 48px !default;
+  $cardview-generic-card__header-text-size: 14px !default;
+  $cardview-generic-card__header__selection-checkbox-padding-right: 8px !default;
+  $cardview-generic-card__field-caption-weight: 600 !default;
+  $cardview-generic-card__cover-max-height: 140px !default;
+  $cardview-generic-card__cover--noimage__icon-size: 32px !default;
+  $cardview-generic-card__content-padding: 8px !default;
+  $cardview-generic-card__content-row-gap: 4px !default;
+  $cardview-generic-card__content__cell-padding-vertical: 4px !default;
+  $cardview-generic-card__content__cell-padding-horizontal: 8px !default;
 
-$cardview-headers-container-gap: $cardview-generic-headers-container-gap !default;
-$cardview-headerpanel-vertical-margin: $cardview-generic-headerpanel-vertical-margin !default;
-$cardview-headerpanel-content-gap: $cardview-generic-gaps-8 !default;
-$cardview-headerpanel-text-empty-line-height: $cardview-generic-headerpanel-text-empty-line-height !default;
+  // Card - selected
+  $cardview-generic-card--selected__field-caption-weight: $cardview-generic-card__field-caption-weight !default;
 
-$cardview-headerpanel-dropzone-height: $cardview-generic-headerpanel-dropzone-height;
-$cardview-headerpanel-dropzone-top: $cardview-generic-headerpanel-dropzone-top;
-$cardview-dropzone-border-width: 1.5px !default;
-$cardview-dropzone-border-radius: $cardview-generic-border-radius-8 !default;
+  // Header
+  $cardview-generic-header-gap: 12px !default;
 
-$cardview-header-item-border-width: 1px !default;
-$cardview-header-item-border-radius: 4px !default;
-$cardview-header-item-padding-horizontal: $cardview-generic-paddings-12 !default;
-$cardview-header-item-padding-vertical: $cardview-generic-paddings-9 !default;
-$cardview-header-item-line-height: $cardview-generic-sizes-18 !default;
-$cardview-header-item-icon-size: $cardview-generic-sizes-18 !default;
+  // Header panel
+  $cardview-generic-header-panel-vertical-margin: 0 !default;
+  $cardview-generic-header-panel--empty-line-height: 24px !default;
 
-$cardview-nodata-icon-container-size: $cardview-generic-sizes-60 !default;
-$cardview-nodata-icon-container-margin: $cardview-generic-paddings-12 !default;
-$cardview-nodata-icon-size: $cardview-generic-sizes-36 !default;
+  // Header panel item - default
+  $cardview-generic-header-panel__item-border-width: 1px !default;
+  $cardview-generic-header-panel__item-border-radius: 4px !default;
+  $cardview-generic-header-panel__item-padding-horizontal: 8px !default;
+  $cardview-generic-header-panel__item-padding-vertical: 5px !default;
+  $cardview-generic-header-item__left-padding: 3px !default;
+  $cardview-generic-header-item__right-padding: 1px !default;
+  $cardview-generic-header-panel__item-line-height: 14px !default;
+  $cardview-generic-header-panel__item-text-weight: $cardview-generic-common-text-weight !default;
+  $cardview-generic-header-panel__item__sort-index-text-weight: 400 !default;
+  $cardview-generic-header-panel__item__icon-size: $generic-base-icon-size !default;
 
-$cardview-content-column-gap: $cardview-generic-gaps-16 !default;
-$cardview-content-row-gap: $cardview-generic-gaps-16 !default;
+  // Header panel item - hovered
+  $cardview-generic-header-panel__item--hovered-text-weight: $cardview-generic-header-panel__item-text-weight !default;
+  $cardview-generic-header-panel__item--hovered__sort-index-text-weight: $cardview-generic-header-panel__item__sort-index-text-weight !default;
 
-$cardview-card-border-size: 1px !default;
-$cardview-card-min-width: 250px !default;
-$cardview-card-border-radius: $cardview-generic-border-radius-8 !default;
+  // Header panel item - disabled
+  $cardview-generic-header-panel__item--disabled-text-weight: $cardview-generic-header-panel__item-text-weight !default;
+  $cardview-generic-header-panel__item--disabled__sort-index-text-weight: $cardview-generic-header-panel__item__sort-index-text-weight !default;
 
-$cardview-card-cover-noimage-icon-size: $cardview-generic-sizes-48 !default;
+  // Header panel item - dragged
+  $cardview-generic-header-panel__item--dragged-text-weight: $cardview-generic-header-panel__item-text-weight !default;
+  $cardview-generic-header-item__sort-indicator__border-size: 1px !default;
+  $cardview-generic-header-item__sort-indicator__border-radius: 4px !default;
 
-$cardview-card-content-padding: $cardview-generic-paddings-12 !default;
-$cardview-card-content-row-gap: $cardview-generic-card-content-row-gap !default;
-$cardview-card-content-cell-padding-vertical: $cardview-generic-paddings-6 !default;
-$cardview-card-content-cell-padding-horizontal: $cardview-generic-paddings-12 !default;
+  // Header panel Drop-zone
+  $cardview-generic-header-panel__dropzone-height: 24px !default;
+  $cardview-generic-header-panel__dropzone-top: 0 !default;
+  $cardview-generic-header-panel__dropzone-border-width: 1.5px !default;
+  $cardview-generic-header-panel__dropzone-border-radius: 6px !default;
 
-$cardview-card-header-text-size: $cardview-generic-text-size-16 !default;
-$cardview-card-header-border-radius: $cardview-generic-border-radius-8 !default;
+  // Filter panel
+  $cardview-generic-filter-panel-border-radius: 0 !default;
 
-$cardview-column-chooser-empty-message-horizontal-padding: $cardview-generic-paddings-24 !default;
-$cardview-column-chooser-select-all-item-horizontal-padding: $cardview-generic-column-chooser-select-all-item-horizontal-padding !default;
+  // Empty view
+  $cardview-generic-nodata-view__icon-container-size: 40px !default;
+  $cardview-generic-nodata-view__icon-container-margin: 8px !default;
+  $cardview-generic-nodata-view__icon-size: 24px !default;
 
-$cardview-content-card-cover-max-height-default: $cardview-generic-content-card-cover-max-height-default !default;
+  // Search highlight
+  $cardview-generic-card__content__field-value--highlighted-border-radius: 5px !default;
+  $cardview-generic-card__content__field-value--highlighted-border-padding: .125em 0.2em !default;
+  $cardview-generic-card__content__field-value--highlighted-text-weight: 500 !default;
 
-$cardview-card-header-selection-checkbox-padding-right: $cardview-generic-paddings-12 !default;
+  // Column chooser
+  $cardview-generic-column-chooser--empty__message-horizontal-padding: 16px !default;
+  $cardview-generic-column-chooser__select-all-item-horizontal-padding: 6px !default;
+}
 
-$cardview-card-content-field-caption-font-weight: 600;
+$cardview-border-radius: $cardview-generic-common-border-radius !default;
+$cardview-text-weight: $cardview-generic-common-text-weight !default;
+$cardview-cards-row-gap: $cardview-generic-common-cards-row-gap !default;
+$cardview-cards-column-gap: $cardview-generic-common-cards-column-gap !default;
+$cardview-gap: $cardview-generic-common-gap !default;
+$cardview-padding: $cardview-generic-common-padding !default;
 
-// adduse
+$cardview-card-min-width: $cardview-generic-card-min-width !default;
+$cardview-card-border-width: $cardview-generic-card-border-width !default;
+$cardview-card-border-radius: $cardview-generic-card-border-radius !default;
+$cardview-card__header-height: $cardview-generic-card__header-height !default;
+$cardview-card__header-text-size: $cardview-generic-card__header-text-size !default;
+$cardview-card__header__selection-checkbox-padding-right: $cardview-generic-card__header__selection-checkbox-padding-right !default;
+$cardview-card__field-caption-weight: $cardview-generic-card__field-caption-weight !default;
+$cardview-card__cover-max-height: $cardview-generic-card__cover-max-height !default;
+$cardview-card__cover--noimage__icon-size: $cardview-generic-card__cover--noimage__icon-size !default;
+$cardview-card__content-padding: $cardview-generic-card__content-padding !default;
+$cardview-card__content-row-gap: $cardview-generic-card__content-row-gap !default;
+$cardview-card__content__cell-padding-vertical: $cardview-generic-card__content__cell-padding-vertical !default;
+$cardview-card__content__cell-padding-horizontal: $cardview-generic-card__content__cell-padding-horizontal !default;
+
+$cardview-card--selected__field-caption-weight: $cardview-generic-card--selected__field-caption-weight !default;
+
+$cardview-header-gap: $cardview-generic-header-gap !default;
+
+$cardview-header-panel-vertical-margin: $cardview-generic-header-panel-vertical-margin !default;
+$cardview-header-panel--empty-line-height: $cardview-generic-header-panel--empty-line-height !default;
+
+$cardview-header-panel__item-border-width: $cardview-generic-header-panel__item-border-width !default;
+$cardview-header-panel__item-border-radius: $cardview-generic-header-panel__item-border-radius !default;
+$cardview-header-panel__item-padding-horizontal: $cardview-generic-header-panel__item-padding-horizontal !default;
+$cardview-header-panel__item-padding-vertical: $cardview-generic-header-panel__item-padding-vertical !default;
+$cardview-header-panel__item-line-height: $cardview-generic-header-panel__item-line-height !default;
+$cardview-header-panel__item-text-weight: $cardview-generic-header-panel__item-text-weight !default;
+$cardview-header-panel__item__sort-index-text-weight: $cardview-generic-header-panel__item__sort-index-text-weight !default;
+$cardview-header-panel__item__icon-size: $cardview-generic-header-panel__item__icon-size !default;
+
+$cardview-header-panel__item--hovered-text-weight: $cardview-generic-header-panel__item--hovered-text-weight !default;
+$cardview-header-panel__item--hovered__sort-index-text-weight: $cardview-generic-header-panel__item--hovered__sort-index-text-weight !default;
+
+$cardview-header-panel__item--disabled-text-weight: $cardview-generic-header-panel__item--disabled-text-weight !default;
+$cardview-header-panel__item--disabled__sort-index-text-weight: $cardview-generic-header-panel__item--disabled__sort-index-text-weight !default;
+
+$cardview-header-panel__item--dragged-text-weight: $cardview-generic-header-panel__item--dragged-text-weight !default;
+
+$cardview-header-panel__dropzone-height: $cardview-generic-header-panel__dropzone-height !default;
+$cardview-header-panel__dropzone-top: $cardview-generic-header-panel__dropzone-top !default;
+$cardview-header-panel__dropzone-border-width: $cardview-generic-header-panel__dropzone-border-width !default;
+$cardview-header-panel__dropzone-border-radius: $cardview-generic-header-panel__dropzone-border-radius !default;
+
+$cardview-filter-panel-border-radius: $cardview-generic-filter-panel-border-radius !default;
+
+$cardview-nodata-view__icon-container-size: $cardview-generic-nodata-view__icon-container-size !default;
+$cardview-nodata-view__icon-container-margin: $cardview-generic-nodata-view__icon-container-margin !default;
+$cardview-nodata-view__icon-size: $cardview-generic-nodata-view__icon-size !default;
+
+$cardview-card__content__field-value--highlighted-border-radius: $cardview-generic-card__content__field-value--highlighted-border-radius !default;
+$cardview-card__content__field-value--highlighted-border-padding: $cardview-generic-card__content__field-value--highlighted-border-padding !default;
+$cardview-card__content__field-value--highlighted-text-weight: $cardview-generic-card__content__field-value--highlighted-text-weight !default;
+
+$cardview-column-chooser--empty__message-horizontal-padding: $cardview-generic-column-chooser--empty__message-horizontal-padding !default;
+$cardview-column-chooser__select-all-item-horizontal-padding: $cardview-generic-column-chooser__select-all-item-horizontal-padding !default;
+
+$cardview-header-item__left-padding: $cardview-generic-header-item__left-padding !default;
+$cardview-header-item__right-padding: $cardview-generic-header-item__right-padding !default;
+$cardview-header-item__sort-indicator__border-size: $cardview-generic-header-item__sort-indicator__border-size !default;
+$cardview-header-item__sort-indicator__border-radius: $cardview-generic-header-item__sort-indicator__border-radius !default;
+$never-used: collector((
+"$cardview-generic-common-border-radius": $cardview-generic-common-border-radius,
+"$cardview-generic-common-text-weight": $cardview-generic-common-text-weight,
+"$cardview-generic-common-cards-row-gap": $cardview-generic-common-cards-row-gap,
+"$cardview-generic-common-cards-column-gap": $cardview-generic-common-cards-column-gap,
+"$cardview-generic-card-border-radius": $cardview-generic-card-border-radius,
+"$cardview-generic-card__field-caption-weight": $cardview-generic-card__field-caption-weight,
+"$cardview-generic-card--selected__field-caption-weight": $cardview-generic-card--selected__field-caption-weight,
+"$cardview-generic-header-panel__item-border-radius": $cardview-generic-header-panel__item-border-radius,
+"$cardview-generic-header-panel__item-text-weight": $cardview-generic-header-panel__item-text-weight,
+"$cardview-generic-header-panel__item__sort-index-text-weight": $cardview-generic-header-panel__item__sort-index-text-weight,
+"$cardview-generic-header-panel__item--hovered-text-weight": $cardview-generic-header-panel__item--hovered-text-weight,
+"$cardview-generic-header-panel__item--hovered__sort-index-text-weight": $cardview-generic-header-panel__item--hovered__sort-index-text-weight,
+"$cardview-generic-header-panel__item--disabled-text-weight": $cardview-generic-header-panel__item--disabled-text-weight,
+"$cardview-generic-header-panel__item--disabled__sort-index-text-weight": $cardview-generic-header-panel__item--disabled__sort-index-text-weight,
+"$cardview-generic-header-panel__item--dragged-text-weight": $cardview-generic-header-panel__item--dragged-text-weight,
+"$cardview-generic-header-panel__dropzone-border-radius": $cardview-generic-header-panel__dropzone-border-radius,
+"$cardview-generic-filter-panel-border-radius": $cardview-generic-filter-panel-border-radius,
+"$cardview-generic-card__content__field-value--highlighted-border-radius": $cardview-generic-card__content__field-value--highlighted-border-radius,
+"$cardview-generic-card__content__field-value--highlighted-text-weight": $cardview-generic-card__content__field-value--highlighted-text-weight,
+));

package/data/scss/widgets/generic/fileUploader/_index.scss

@@ -83,7 +83,9 @@ $generic-fileuploader-file-wrapper-border-size: 3px;
 }
 
 .dx-fileuploader-files-container {
-  padding: 12px 3px 0;
+  .dx-fileuploader-show-file-list & {
+    padding: 22px 3px 0;
+  }
 
   .dx-fileuploader-empty & {
     padding: 0;

package/data/scss/widgets/generic/gridBase/_index.scss

@@ -522,6 +522,7 @@ $generic-grid-base-cell-input-height: round($generic-base-line-height * $generic
     .dx-menu-item {
       &.dx-state-focused {
         background-color: transparent;
+        color: $datagrid-menu-icon-color;
 
         &::after {
           border: 2px solid $datagrid-focused-border-color;

package/data/scss/widgets/generic/informer/_colors.scss

@@ -3,45 +3,63 @@
 
 // adduse
 
-$informer-color: $base-invalid-color !default;
-$informer-background-color: null !default;
+$informer-error-color: null !default;
+$informer-error-background-color: null !default;
+$informer-info-color: null !default;
+$informer-info-background-color: null !default;
 
 @if $color == "carmine" {
-  $informer-color: darken(desaturate(adjust-hue($base-danger, -351), 26.91), 5.49);
-  $informer-background-color: lighten(desaturate(adjust-hue($base-danger, -347), 26.69), 33.14);
+  $informer-error-color: darken(desaturate(adjust-hue($base-danger, -351), 26.91), 5.49);
+  $informer-error-background-color: lighten(desaturate(adjust-hue($base-danger, -347), 26.69), 33.14);
+  $informer-info-color: $base-text-color;
+  $informer-info-background-color: lighten($base-text-color, 72.16);
 }
 
 @if $color == "contrast" {
-  $informer-color: darken(desaturate(adjust-hue($base-danger, 2), 16.93), 6.08);
-  $informer-background-color: rgba(212, 63, 58, 0.1);
+  $informer-error-color: darken(desaturate(adjust-hue($base-danger, 2), 16.93), 6.08);
+  $informer-error-background-color: rgba(212, 63, 58, 0.1);
+  $informer-info-color: darken($base-text-color, 12.94);
+  $informer-info-background-color: darken($base-text-color, 68.63);;
 }
 
 @if $color == "dark" {
-  $informer-color: $base-danger;
-  $informer-background-color: rgba(212, 63, 58, 0.1);
+  $informer-error-color: $base-danger;
+  $informer-error-background-color: rgba(212, 63, 58, 0.1);
+  $informer-info-color: $base-text-color;
+  $informer-info-background-color: darken($base-text-color, 55.69)
 }
 
 @if $color == "darkmoon" {
-  $informer-color: darken(desaturate(adjust-hue($base-danger, -342), 28.85), 6.67);
-  $informer-background-color: rgba(212, 63, 58, 0.1);
+  $informer-error-color: darken(desaturate(adjust-hue($base-danger, -342), 28.85), 6.67);
+  $informer-error-background-color: rgba(212, 63, 58, 0.1);
+  $informer-info-color: darken($base-text-color, 12.94);
+  $informer-info-background-color: darken($base-text-color, 68.63);
 }
 
 @if $color == "darkviolet" {
-  $informer-color: $base-danger;
-  $informer-background-color: rgba(212, 63, 58, 0.1);
+  $informer-error-color: $base-danger;
+  $informer-error-background-color: rgba(212, 63, 58, 0.1);
+  $informer-info-color: darken(desaturate(adjust-hue($base-text-color, -210), 11.11), 9.41);
+  $informer-info-background-color: darken(desaturate(adjust-hue($base-text-color, -210), 11.11), 65.10);
 }
 
 @if $color == "greenmist" {
-  $informer-color: darken(desaturate(adjust-hue($base-danger, -351), 27.05), 4.90);
-  $informer-background-color: lighten(desaturate(adjust-hue($base-danger, -348), 26.83), 33.73);
+  $informer-error-color: darken(desaturate(adjust-hue($base-danger, -351), 27.05), 4.90);
+  $informer-error-background-color: lighten(desaturate(adjust-hue($base-danger, -348), 26.83), 33.73);
+  $informer-info-color: darken(desaturate(adjust-hue($base-text-color, -191), 32.77), 3.33);
+  $informer-info-background-color: lighten(desaturate(adjust-hue($base-text-color, -191), 32.77), 68.82)
 }
 
 @if $color == "light" {
-  $informer-color: $base-danger;
-  $informer-background-color: lighten(saturate(adjust-hue($base-danger, 4), 0.22), 38.63);
+  $informer-error-color: $base-danger;
+  $informer-error-background-color: lighten(saturate(adjust-hue($base-danger, 4), 0.22), 38.63);
+  $informer-info-color: $base-text-color;
+  $informer-info-background-color: lighten($base-text-color, 72.16);
 }
 
 @if $color == "softblue" {
-  $informer-color: $base-danger;
-  $informer-background-color: lighten(saturate(adjust-hue($base-danger, 4), 0.22), 38.63);
+  $informer-error-color: $base-danger;
+  $informer-error-background-color: lighten(saturate(adjust-hue($base-danger, 4), 0.22), 38.63);
+  $informer-info-color: $base-text-color;
+  $informer-info-background-color: lighten($base-text-color, 72.16);
 }