devextreme-themebuilder 26.1.2-beta → 26.1.3

package/data/scss/widgets/material/htmlEditor/_sizes.scss

@@ -1,33 +1,33 @@
-@use "../sizes" as *;
-@use "../toolbar/sizes" as *;
-
-// adduse
-
-$material-toolbar-size-editor-width: null !default;
-$material-htmleditor-toolbar-padding: null !default;
-$material-html-editor-add-image-dialog-fileuploader-padding: null !default;
-$material-aidialog-selects-gap: null !default;
-$material-aidialog-content-gap: null !default;
-$material-aidialog-content-padding: null !default;
-$material-aidialog-toolbar-padding: null !default;
-$material-aidialog-border-radius: $base-border-radius * 2 !default;
-
-@if $size == "default" {
-  $material-toolbar-size-editor-width: 120px !default;
-  $material-htmleditor-toolbar-padding: 16px !default;
-  $material-html-editor-add-image-dialog-fileuploader-padding: 50px 40px !default;
-  $material-aidialog-selects-gap: 8px !default;
-  $material-aidialog-content-gap: 24px !default;
-  $material-aidialog-content-padding: 24px !default;
-  $material-aidialog-toolbar-padding: 0 24px 16px !default;
-}
-
-@else if $size == "compact" {
-  $material-toolbar-size-editor-width: 90px !default;
-  $material-htmleditor-toolbar-padding: 11px !default;
-  $material-html-editor-add-image-dialog-fileuploader-padding: 40px 30px !default;
-  $material-aidialog-selects-gap: 8px !default;
-  $material-aidialog-content-gap: 16px !default;
-  $material-aidialog-content-padding: 16px !default;
-  $material-aidialog-toolbar-padding: 0 16px 8px !default;
-}
+@use "../sizes" as *;
+@use "../toolbar/sizes" as *;
+
+// adduse
+
+$material-toolbar-size-editor-width: null !default;
+$material-htmleditor-toolbar-padding: null !default;
+$material-html-editor-add-image-dialog-fileuploader-padding: null !default;
+$material-aidialog-selects-gap: null !default;
+$material-aidialog-content-gap: null !default;
+$material-aidialog-content-padding: null !default;
+$material-aidialog-toolbar-padding: null !default;
+$material-aidialog-border-radius: $base-border-radius * 2 !default;
+
+@if $size == "default" {
+  $material-toolbar-size-editor-width: 120px !default;
+  $material-htmleditor-toolbar-padding: 16px !default;
+  $material-html-editor-add-image-dialog-fileuploader-padding: 50px 40px !default;
+  $material-aidialog-selects-gap: 8px !default;
+  $material-aidialog-content-gap: 24px !default;
+  $material-aidialog-content-padding: 24px !default;
+  $material-aidialog-toolbar-padding: 0 24px 16px !default;
+}
+
+@else if $size == "compact" {
+  $material-toolbar-size-editor-width: 90px !default;
+  $material-htmleditor-toolbar-padding: 11px !default;
+  $material-html-editor-add-image-dialog-fileuploader-padding: 40px 30px !default;
+  $material-aidialog-selects-gap: 8px !default;
+  $material-aidialog-content-gap: 16px !default;
+  $material-aidialog-content-padding: 16px !default;
+  $material-aidialog-toolbar-padding: 0 16px 8px !default;
+}

package/data/scss/widgets/material/icons/_colors.scss

@@ -1,6 +1,6 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
+@use "sass:color";
+@use "../sizes" as *;
+@use "../colors" as *;
+
+// adduse
+

package/data/scss/widgets/material/icons/_index.scss

@@ -1,47 +1,47 @@
-@use "sass:color";
-@use "colors" as *;
-@use "../colors" as *;
-@use "sizes" as *;
-@use "../sizes" as *;
-@use "../../base/icon_fonts" as *;
-
-// adduse
-
-
-@include dx-font-icons("dxiconsmaterial", "DevExtreme Material Icons", "devextreme_material_icons", optimizeLegibility);
-
-.dx-icon {
-  font-size: 24px;
-  line-height: 1;
-  white-space: nowrap;
-  font-feature-settings: 'liga';
-}
-
-.dx-tab {
-  .dx-icon,
-  &.dx-tab-selected .dx-icon {
-    background-size: 100% 100%;
-    background-position: 50% 50%;
-  }
-}
-
-.dx-scrollview-pulldown {
-  background-image: $scrollview-pulldown-path;
-  background-position: 0 0;
-  background-repeat: no-repeat;
-}
-
-.dx-loadindicator-image {
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-.dx-loadindicator-image-small {
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-.dx-loadindicator-image-large {
-  background-position: center center;
-  background-repeat: no-repeat;
-}
+@use "sass:color";
+@use "colors" as *;
+@use "../colors" as *;
+@use "sizes" as *;
+@use "../sizes" as *;
+@use "../../base/icon_fonts" as *;
+
+// adduse
+
+
+@include dx-font-icons("dxiconsmaterial", "DevExtreme Material Icons", "devextreme_material_icons", optimizeLegibility);
+
+.dx-icon {
+  font-size: 24px;
+  line-height: 1;
+  white-space: nowrap;
+  font-feature-settings: 'liga';
+}
+
+.dx-tab {
+  .dx-icon,
+  &.dx-tab-selected .dx-icon {
+    background-size: 100% 100%;
+    background-position: 50% 50%;
+  }
+}
+
+.dx-scrollview-pulldown {
+  background-image: $scrollview-pulldown-path;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+}
+
+.dx-loadindicator-image {
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.dx-loadindicator-image-small {
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.dx-loadindicator-image-large {
+  background-position: center center;
+  background-repeat: no-repeat;
+}

package/data/scss/widgets/material/icons/_sizes.scss

@@ -1,4 +1,4 @@
-@use "../sizes" as *;
-
-// adduse
-
+@use "../sizes" as *;
+
+// adduse
+

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

@@ -1,20 +1,20 @@
-@use "../colors" as *;
-@use "../color" as extcolor;
-@use "sass:color";
-
-// adduse
-
-$informer-error-color: $base-danger !default;
-$informer-error-background-color: null !default;
-$informer-info-color: $base-text-color !default;
-$informer-info-background-color: null !default;
-
-@if $mode == "light" {
-  $informer-error-background-color: color.adjust($base-danger, $hue: 1deg, $saturation: -24.92%, $space: hsl, $lightness: 38.24%);
-  $informer-info-background-color: extcolor.adjust-if-not-achromatic($color: $base-text-color, $hue: -240deg, $saturation: -100.00%, $lightness: 48.63%);
-}
-
-@if $mode == "dark" {
-  $informer-error-background-color: color.adjust($base-danger, $hue: 1deg, $saturation: -41.80%, $space: hsl, $lightness: -53.92%);
-  $informer-info-background-color: extcolor.adjust-if-not-achromatic($color: $base-text-color, $hue: 240deg, $saturation: 6.04%, $lightness: -70.78%);
-}
+@use "../colors" as *;
+@use "../color" as extcolor;
+@use "sass:color";
+
+// adduse
+
+$informer-error-color: $base-danger !default;
+$informer-error-background-color: null !default;
+$informer-info-color: $base-text-color !default;
+$informer-info-background-color: null !default;
+
+@if $mode == "light" {
+  $informer-error-background-color: color.adjust($base-danger, $hue: 1deg, $saturation: -24.92%, $space: hsl, $lightness: 38.24%);
+  $informer-info-background-color: extcolor.adjust-if-not-achromatic($color: $base-text-color, $hue: -240deg, $saturation: -100.00%, $lightness: 48.63%);
+}
+
+@if $mode == "dark" {
+  $informer-error-background-color: color.adjust($base-danger, $hue: 1deg, $saturation: -41.80%, $space: hsl, $lightness: -53.92%);
+  $informer-info-background-color: extcolor.adjust-if-not-achromatic($color: $base-text-color, $hue: 240deg, $saturation: 6.04%, $lightness: -70.78%);
+}

package/data/scss/widgets/material/informer/_index.scss

@@ -1,18 +1,18 @@
-@use "../../base/informer";
-@use "colors" as *;
-@use "sizes" as *;
-@use "../../base/informer/mixins" as *;
-
-// adduse
-
-@include informer(
-  $informer-error-color,
-  $informer-error-background-color,
-  $informer-info-color,
-  $informer-info-background-color,
-  $informer-border-radius,
-  $informer-icon-size,
-  $informer-padding-inline,
-  $informer-padding-block,
-  $informer-column-gap,
-);
+@use "../../base/informer";
+@use "colors" as *;
+@use "sizes" as *;
+@use "../../base/informer/mixins" as *;
+
+// adduse
+
+@include informer(
+  $informer-error-color,
+  $informer-error-background-color,
+  $informer-info-color,
+  $informer-info-background-color,
+  $informer-border-radius,
+  $informer-icon-size,
+  $informer-padding-inline,
+  $informer-padding-block,
+  $informer-column-gap,
+);

package/data/scss/widgets/material/informer/_sizes.scss

@@ -1,24 +1,24 @@
-@use "../common/sizes" as *;
-@use "../sizes" as *;
-
-// adduse
-
-$informer-icon-size: $material-base-icon-size !default;
-$informer-padding-inline: null !default;
-$informer-padding-block: null !default;
-$informer-column-gap: null !default;
-$informer-border-radius: null !default;
-
-@if $size == "default" {
-  $informer-padding-inline: 12px !default;
-  $informer-padding-block: 8px !default;
-  $informer-column-gap: 8px !default;
-  $informer-border-radius: 4px !default;
-}
-
-@else if $size == "compact" {
-  $informer-padding-inline: 8px !default;
-  $informer-padding-block: 6px !default;
-  $informer-column-gap: 4px !default;
-  $informer-border-radius: 3px !default;
-}
+@use "../common/sizes" as *;
+@use "../sizes" as *;
+
+// adduse
+
+$informer-icon-size: $material-base-icon-size !default;
+$informer-padding-inline: null !default;
+$informer-padding-block: null !default;
+$informer-column-gap: null !default;
+$informer-border-radius: null !default;
+
+@if $size == "default" {
+  $informer-padding-inline: 12px !default;
+  $informer-padding-block: 8px !default;
+  $informer-column-gap: 8px !default;
+  $informer-border-radius: 4px !default;
+}
+
+@else if $size == "compact" {
+  $informer-padding-inline: 8px !default;
+  $informer-padding-block: 6px !default;
+  $informer-column-gap: 4px !default;
+  $informer-border-radius: 3px !default;
+}

package/data/scss/widgets/material/list/_colors.scss

@@ -7,53 +7,53 @@ $list-item-hover-bg: getCustomVar(("$list-item-hover-bg")) !default;
 $list-item-selected-bg: getCustomVar(("$list-item-selected-bg")) !default;
 $list-item-active-bg: getCustomVar(("$list-item-active-bg")) !default;
 
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-@use "../button/colors" as *;
-
-// adduse
-$list-group-color: $base-text-color !default;
-$list-border-color: $base-border-color !default;
-$list-group-header-bg: color.change($base-bg, $alpha: 0) !default;
-$list-normal-color: $base-text-color !default;
-$list-expanded-group-color: $base-text-color !default;
-$list-item-hover-bg: $base-hover-bg !default;
-$list-item-selected-bg: null !default;
-$list-item-selected-hover-bg: null !default;
-$list-item-focused-selected-bg: null !default;
-$list-item-hover-color: $base-hover-color !default;
-$list-item-selected-color: color.change($base-text-color, $alpha: 1) !default;
-$list-header-indicator-color: $base-icon-color !default;
-$list-item-active-bg: null !default;
-$list-holdmenu-bg: $base-bg !default;
-$list-holdmenu-border-color: $list-border-color !default;
-$list-holdmenu-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
-$list-menu-button-default-color: $button-default-color !default;
-$list-menu-button-default-bg: $button-default-bg !default;
-$list-menu-button-delete-bg: $base-danger !default;
-$list-button-delete-shadow-color: color.change($base-shadow-color, $alpha: 0.24) !default;
-$list-item-ghost-bg: $base-bg !default;
-$list-item-ghost-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
-$list-item-ghost-border-color: $base-accent !default;
-$list-item-ghost-shadow-color: $base-shadow-color !default;
-$list-icon-color: $base-icon-color !default;
-$list-item-chevron-icon-color: $base-spin-icon-color !default;
-
-@if $mode == "light" {
-  $list-item-selected-bg: color.change(#000, $alpha: 0.12) !default;
-  $list-item-selected-hover-bg: color.change(#000, $alpha: 0.14) !default;
-  $list-item-focused-selected-bg: color.change(#000, $alpha: 0.18) !default;
-  $list-item-active-bg: color.adjust($base-bg, $lightness: -20%, $space: hsl) !default;
-}
-
-@if $mode == "dark" {
-  $list-item-selected-bg: color.change(#6e6e80, $alpha: 0.5) !default;
-  $list-item-selected-hover-bg: color.change(#6e6e80, $alpha: 0.35) !default;
-  $list-item-focused-selected-bg: color.change(#6e6e80, $alpha: 0.4) !default;
-  $list-item-active-bg: color.adjust($base-bg, $lightness: 20%, $space: hsl) !default;
-}
-
+@use "sass:color";
+@use "../sizes" as *;
+@use "../colors" as *;
+@use "../button/colors" as *;
+
+// adduse
+$list-group-color: $base-text-color !default;
+$list-border-color: $base-border-color !default;
+$list-group-header-bg: color.change($base-bg, $alpha: 0) !default;
+$list-normal-color: $base-text-color !default;
+$list-expanded-group-color: $base-text-color !default;
+$list-item-hover-bg: $base-hover-bg !default;
+$list-item-selected-bg: null !default;
+$list-item-selected-hover-bg: null !default;
+$list-item-focused-selected-bg: null !default;
+$list-item-hover-color: $base-hover-color !default;
+$list-item-selected-color: color.change($base-text-color, $alpha: 1) !default;
+$list-header-indicator-color: $base-icon-color !default;
+$list-item-active-bg: null !default;
+$list-holdmenu-bg: $base-bg !default;
+$list-holdmenu-border-color: $list-border-color !default;
+$list-holdmenu-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
+$list-menu-button-default-color: $button-default-color !default;
+$list-menu-button-default-bg: $button-default-bg !default;
+$list-menu-button-delete-bg: $base-danger !default;
+$list-button-delete-shadow-color: color.change($base-shadow-color, $alpha: 0.24) !default;
+$list-item-ghost-bg: $base-bg !default;
+$list-item-ghost-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
+$list-item-ghost-border-color: $base-accent !default;
+$list-item-ghost-shadow-color: $base-shadow-color !default;
+$list-icon-color: $base-icon-color !default;
+$list-item-chevron-icon-color: $base-spin-icon-color !default;
+
+@if $mode == "light" {
+  $list-item-selected-bg: color.change(#000, $alpha: 0.12) !default;
+  $list-item-selected-hover-bg: color.change(#000, $alpha: 0.14) !default;
+  $list-item-focused-selected-bg: color.change(#000, $alpha: 0.18) !default;
+  $list-item-active-bg: color.adjust($base-bg, $lightness: -20%, $space: hsl) !default;
+}
+
+@if $mode == "dark" {
+  $list-item-selected-bg: color.change(#6e6e80, $alpha: 0.5) !default;
+  $list-item-selected-hover-bg: color.change(#6e6e80, $alpha: 0.35) !default;
+  $list-item-focused-selected-bg: color.change(#6e6e80, $alpha: 0.4) !default;
+  $list-item-active-bg: color.adjust($base-bg, $lightness: 20%, $space: hsl) !default;
+}
+
 $never-used: collector((
 "$list-group-color": $list-group-color,
 "$list-border-color": $list-border-color,