fix underlined mode

DevExpress · Sep 1, 2023 · 694676e · 694676e
1 parent 1011cfa
commit 694676e
Show file tree

Hide file tree

Showing 141 changed files with 35 additions and 41 deletions.
diff --git a/packages/devextreme/scss/widgets/base/_tagBox.scss b/packages/devextreme/scss/widgets/base/_tagBox.scss
@@ -43,7 +43,7 @@
 
 .dx-tag {
   max-width: calc(100% - 1px);
-  display: inline-block;
+  display: inline-flex;
   align-self: flex-start;
 }
 

diff --git a/packages/devextreme/scss/widgets/base/textEditor/_index.scss b/packages/devextreme/scss/widgets/base/textEditor/_index.scss
@@ -7,6 +7,11 @@
 
 .dx-texteditor {
   display: block;
+
+  &.dx-texteditor-with-label,
+  &.dx-texteditor-with-floating-label {
+    position: relative;
+  }
 }
 
 /* B231111 */

diff --git a/packages/devextreme/scss/widgets/base/textEditor/_mixins.scss b/packages/devextreme/scss/widgets/base/textEditor/_mixins.scss
@@ -214,13 +214,10 @@
     &.dx-texteditor-with-label,
     &.dx-texteditor-with-floating-label {
       outline: none;
-      position: relative;
       margin-top: $label-offset-y;
 
       &.dx-daterangebox {
-        .dx-label {
-          position: relative;
-
+        .dx-label {  
           &::before {
             content: '';
             width: 100%;
@@ -352,8 +349,6 @@
 
     &.dx-texteditor-with-label,
     &.dx-texteditor-with-floating-label {
-      position: relative;
-
       .dx-texteditor-input,
       .dx-placeholder::before,
       .dx-lookup-field {

diff --git a/packages/devextreme/scss/widgets/fluent/_sizes.scss b/packages/devextreme/scss/widgets/fluent/_sizes.scss
@@ -44,9 +44,9 @@ $fluent-button-icon-margin: null !default;
   $fluent-base-font-size: 14px !default;
 
   // Base sizes
-  $fluent-base-inline-widget-height: 48px !default;
-  $fluent-base-inline-block-height: 19px !default;
-  $fluent-base-icon-size: 24px !default;
+  $fluent-base-inline-widget-height: 32px !default; // 48px !default;
+  $fluent-base-inline-block-height: 19px !default; // 19px !default;
+  $fluent-base-icon-size: 20px !default; // 24px !default
   $fluent-base-inline-horizontal-padding: 10px !default;
   $fluent-base-border-radius: 4px !default;
   $fluent-base-dropdown-widgets-shadow: 0 2px 7px $base-dropdown-shadow-color !default;

diff --git a/packages/devextreme/scss/widgets/fluent/tagBox/_sizes.scss b/packages/devextreme/scss/widgets/fluent/tagBox/_sizes.scss
@@ -9,7 +9,6 @@ $fluent-tagbox-tag-content-font-size: null !default;
 $fluent-tagbox-tag-container-padding: null !default;
 $fluent-tagbox-tag-container-padding-left: null !default;
 $fluent-tagbox-tag-container-vertical-padding: null !default;
-$fluent-tagbox-filled-tag-container-padding: null !default;
 $fluent-tagbox-tag-height: null !default;
 
 
@@ -24,19 +23,18 @@ $fluent-tagbox-filled-with-label-top-padding: null !default;
 $fluent-tagbox-filled-with-label-bottom-padding: null !default;
 
 @if $size == "default" {
-  $fluent-tagbox-tag-content-padding-left: 8px !default;
-  $fluent-tagbox-tag-content-padding-right: 30px !default;
-  $fluent-tagbox-tag-content-vertical-padding: 4px !default;
-  $fluent-tagbox-tag-content-font-size: 14px !default;
-  $fluent-tagbox-tag-container-padding: 0 12px 11px 16px !default;
-  $fluent-tagbox-tag-container-padding-left: 16px !default;
-  $fluent-tagbox-tag-container-vertical-padding: 11px !default;
-  $fluent-tagbox-filled-tag-container-padding: 0 12px 4px 16px !default;
-  $fluent-tagbox-tag-height: 26px !default;
-  $fluent-tagbox-remove-button-width: 26px !default;
-  $fluent-tagbox-remove-button-icon-size: 16px !default;
-  $fluent-tagbox-filled-with-label-top-padding: 18px !default;
-  $fluent-tagbox-filled-with-label-bottom-padding: 4px !default;
+  $fluent-tagbox-tag-content-padding-left: 6px !default; // 8px !default;
+  $fluent-tagbox-tag-content-padding-right: 20px !default; // 30px !default;
+  $fluent-tagbox-tag-content-vertical-padding: 2px !default; // 4px !default;
+  $fluent-tagbox-tag-content-font-size: 12px !default; // 14px !default;
+  $fluent-tagbox-tag-container-padding: 0 12px 3px 16px !default; // 0 12px 11px 16px !default;
+  $fluent-tagbox-tag-container-padding-left: 12px !default; // 16px !default;
+  $fluent-tagbox-tag-container-vertical-padding: 7px !default; // 11px !default;
+  $fluent-tagbox-tag-height: 18px !default; // 26px !default; 
+  $fluent-tagbox-remove-button-width: 18px !default; // 26px !default;
+  $fluent-tagbox-remove-button-icon-size: 12px !default; // 16px !default;
+  $fluent-tagbox-filled-with-label-top-padding: 10px !default; // 18px !default; 
+  $fluent-tagbox-filled-with-label-bottom-padding: 4px !default; // 4px !default;
 }
 
 @else if $size == "compact" {
@@ -47,7 +45,6 @@ $fluent-tagbox-filled-with-label-bottom-padding: null !default;
   $fluent-tagbox-tag-container-padding: 0 8px 3px 11px !default;
   $fluent-tagbox-tag-container-padding-left: 12px !default;
   $fluent-tagbox-tag-container-vertical-padding: 7px !default;
-  $fluent-tagbox-filled-tag-container-padding: 0 12px 18px 16px !default;
   $fluent-tagbox-tag-height: 18px !default;
   $fluent-tagbox-remove-button-width: 18px !default;
   $fluent-tagbox-remove-button-icon-size: 12px !default;

diff --git a/packages/devextreme/scss/widgets/fluent/textEditor/_sizes.scss b/packages/devextreme/scss/widgets/fluent/textEditor/_sizes.scss
@@ -19,19 +19,19 @@ $fluent-filled-texteditor-input-with-label-bottom-padding: null !default;
 
 @if $size == "default" {
   $fluent-texteditor-font-size: 16px !default;
-  $fluent-texteditor-label-font-size: 12px !default;
-  $fluent-texteditor-clear-icon-size: 12px !default;
-  $fluent-texteditor-label-top-offset: 4px !default;
-  $fluent-filled-texteditor-input-horizontal-padding: 16px !default;
-  $fluent-filled-texteditor-input-top-padding: 15px !default;
-  $fluent-filled-texteditor-input-with-label-top-padding: 21px;
-  $fluent-filled-texteditor-input-bottom-padding: 14px !default;
-  $fluent-filled-texteditor-input-with-label-bottom-padding: 8px;
-  $fluent-standard-texteditor-input-top-padding: 15px !default;
-  $fluent-standard-texteditor-input-bottom-padding: 14px !default;
-  $fluent-standard-texteditor-with-label-input-top-padding: 21px !default;
-  $fluent-standard-texteditor-with-label-input-bottom-padding: 8px !default;
-  $fluent-underlined-editor-button-height: 28px !default;
+  $fluent-texteditor-label-font-size: 12px !default; // 12px !default;
+  $fluent-texteditor-clear-icon-size: 12px !default; // 12px !default;
+  $fluent-texteditor-label-top-offset: 0 !default; // 4px !default;
+  $fluent-filled-texteditor-input-horizontal-padding: 16px !default; // 16px !default;
+  $fluent-filled-texteditor-input-top-padding: 7px; // 15px !default;
+  $fluent-filled-texteditor-input-with-label-top-padding: 10px !default; // 21px;
+  $fluent-filled-texteditor-input-bottom-padding: 6px; // 14px !default;
+  $fluent-filled-texteditor-input-with-label-bottom-padding: 3px; // 8px;
+  $fluent-standard-texteditor-input-top-padding: 7px !default; // 15px !default;
+  $fluent-standard-texteditor-input-bottom-padding: 6px !default; // 14px !default;
+  $fluent-standard-texteditor-with-label-input-top-padding: 9px !default; // 21px !default;
+  $fluent-standard-texteditor-with-label-input-bottom-padding: 4px !default; // 8px !default;
+  $fluent-underlined-editor-button-height: 22px !default; // 28px !default;
 }
 
 @else if $size == "compact" {

diff --git a/packages/devextreme/scss/widgets/material/tagBox/_sizes.scss b/packages/devextreme/scss/widgets/material/tagBox/_sizes.scss
@@ -9,7 +9,6 @@ $material-tagbox-tag-content-font-size: null !default;
 $material-tagbox-tag-container-padding: null !default;
 $material-tagbox-tag-container-padding-left: null !default;
 $material-tagbox-tag-container-vertical-padding: null !default;
-$material-tagbox-filled-tag-container-padding: null !default;
 $material-tagbox-tag-height: null !default;
 
 
@@ -31,7 +30,6 @@ $material-tagbox-filled-with-label-bottom-padding: null !default;
   $material-tagbox-tag-container-padding: 0 12px 11px 16px !default;
   $material-tagbox-tag-container-padding-left: 16px !default;
   $material-tagbox-tag-container-vertical-padding: 11px !default;
-  $material-tagbox-filled-tag-container-padding: 0 12px 4px 16px !default;
   $material-tagbox-tag-height: 26px !default;
   $material-tagbox-remove-button-width: 26px !default;
   $material-tagbox-remove-button-icon-size: 16px !default;
@@ -47,7 +45,6 @@ $material-tagbox-filled-with-label-bottom-padding: null !default;
   $material-tagbox-tag-container-padding: 0 8px 3px 11px !default;
   $material-tagbox-tag-container-padding-left: 12px !default;
   $material-tagbox-tag-container-vertical-padding: 7px !default;
-  $material-tagbox-filled-tag-container-padding: 0 12px 18px 16px !default;
   $material-tagbox-tag-height: 18px !default;
   $material-tagbox-remove-button-width: 18px !default;
   $material-tagbox-remove-button-icon-size: 12px !default;

diff --git a/...s/editors/dateBox/etalons/Datebox active stylingMode=filled (generic-light).png b/...s/editors/dateBox/etalons/Datebox active stylingMode=filled (generic-light).png
diff --git a/...s/dateBox/etalons/Datebox active stylingMode=filled (generic-light-compact).png b/...s/dateBox/etalons/Datebox active stylingMode=filled (generic-light-compact).png
diff --git a/.../editors/dateBox/etalons/Datebox focused stylingMode=filled (generic-light).png b/.../editors/dateBox/etalons/Datebox focused stylingMode=filled (generic-light).png
diff --git a/.../dateBox/etalons/Datebox focused stylingMode=filled (generic-light-compact).png b/.../dateBox/etalons/Datebox focused stylingMode=filled (generic-light-compact).png
diff --git a/...teBox/etalons/Datebox label symbols with stylingMode=filled (generic-light).png b/...teBox/etalons/Datebox label symbols with stylingMode=filled (generic-light).png
diff --git a/...fe/tests/editors/dateBox/etalons/Datebox stylingMode=filled (generic-light).png b/...fe/tests/editors/dateBox/etalons/Datebox stylingMode=filled (generic-light).png
diff --git a/.../editors/dateBox/etalons/Datebox stylingMode=filled (generic-light-compact).png b/.../editors/dateBox/etalons/Datebox stylingMode=filled (generic-light-compact).png
diff --git a/...talons/DateRangeBox active stylingMode=filled isValid=false (generic-light).png b/...talons/DateRangeBox active stylingMode=filled isValid=false (generic-light).png
diff --git a/...etalons/DateRangeBox active stylingMode=filled isValid=true (generic-light).png b/...etalons/DateRangeBox active stylingMode=filled isValid=true (generic-light).png
diff --git a/...lons/DateRangeBox disabled stylingMode=filled isValid=false (generic-light).png b/...lons/DateRangeBox disabled stylingMode=filled isValid=false (generic-light).png
diff --git a/...alons/DateRangeBox focused stylingMode=filled isValid=false (generic-light).png b/...alons/DateRangeBox focused stylingMode=filled isValid=false (generic-light).png
diff --git a/...talons/DateRangeBox focused stylingMode=filled isValid=true (generic-light).png b/...talons/DateRangeBox focused stylingMode=filled isValid=true (generic-light).png
diff --git a/...lons/DateRangeBox readonly stylingMode=filled isValid=false (generic-light).png b/...lons/DateRangeBox readonly stylingMode=filled isValid=false (generic-light).png
diff --git a/...alons/DateRangeBox readonly stylingMode=filled isValid=true (generic-light).png b/...alons/DateRangeBox readonly stylingMode=filled isValid=true (generic-light).png
diff --git a/...geBox/etalons/DateRangeBox stylingMode=filled isValid=false (generic-light).png b/...geBox/etalons/DateRangeBox stylingMode=filled isValid=false (generic-light).png
diff --git a/...ngeBox/etalons/DateRangeBox stylingMode=filled isValid=true (generic-light).png b/...ngeBox/etalons/DateRangeBox stylingMode=filled isValid=true (generic-light).png
diff --git a/...s/Placeholder and label by default labelMode=floating (material-blue-light).png b/...s/Placeholder and label by default labelMode=floating (material-blue-light).png
diff --git a/...Lookup label with labelMode=floating-styleMode=filled (material-blue-light).png b/...Lookup label with labelMode=floating-styleMode=filled (material-blue-light).png
diff --git a/...s/numberBox/etalons/NumberBox label with stylingMode=filled (generic-light).png b/...s/numberBox/etalons/NumberBox label with stylingMode=filled (generic-light).png
diff --git a/...erBox/etalons/NumberBox label with stylingMode=filled (material-blue-light).png b/...erBox/etalons/NumberBox label with stylingMode=filled (material-blue-light).png
diff --git a/...tBox with label-labelMode=floating-stylingMode=filled (material-blue-light).png b/...tBox with label-labelMode=floating-stylingMode=filled (material-blue-light).png
diff --git a/...ns/SelectBox with label-labelMode=static-stylingMode=filled (generic-light).png b/...ns/SelectBox with label-labelMode=static-stylingMode=filled (generic-light).png
diff --git a/...ons/TagBox label with stylingMode=filled,labelMode=floating (generic-light).png b/...ons/TagBox label with stylingMode=filled,labelMode=floating (generic-light).png
diff --git a/...alons/TagBox label with stylingMode=filled,labelMode=static (generic-light).png b/...alons/TagBox label with stylingMode=filled,labelMode=static (generic-light).png
diff --git a/...s/TextArea with label-labelMode=floating-stylingMode=filled (generic-light).png b/...s/TextArea with label-labelMode=floating-stylingMode=filled (generic-light).png
diff --git a/...ons/TextArea with label-labelMode=static-stylingMode=filled (generic-light).png b/...ons/TextArea with label-labelMode=static-stylingMode=filled (generic-light).png
diff --git a/...s/textBox/etalons/Textbox render focused,stylingMode=filled (generic-light).png b/...s/textBox/etalons/Textbox render focused,stylingMode=filled (generic-light).png
diff --git a/...Box/etalons/Textbox render focused,stylingMode=filled (material-blue-light).png b/...Box/etalons/Textbox render focused,stylingMode=filled (material-blue-light).png
diff --git a/...textBox/etalons/Textbox render focused,stylingMode=outlined (generic-light).png b/...textBox/etalons/Textbox render focused,stylingMode=outlined (generic-light).png
diff --git a/...x/etalons/Textbox render focused,stylingMode=outlined (material-blue-light).png b/...x/etalons/Textbox render focused,stylingMode=outlined (material-blue-light).png
diff --git a/...ors/textBox/etalons/Textbox render hover,stylingMode=filled (generic-light).png b/...ors/textBox/etalons/Textbox render hover,stylingMode=filled (generic-light).png
diff --git a/...xtBox/etalons/Textbox render hover,stylingMode=filled (material-blue-light).png b/...xtBox/etalons/Textbox render hover,stylingMode=filled (material-blue-light).png
diff --git a/...s/textBox/etalons/Textbox render hover,stylingMode=outlined (generic-light).png b/...s/textBox/etalons/Textbox render hover,stylingMode=outlined (generic-light).png
diff --git a/...Box/etalons/Textbox render hover,stylingMode=outlined (material-blue-light).png b/...Box/etalons/Textbox render hover,stylingMode=outlined (material-blue-light).png
diff --git a/...x/etalons/Textbox render invalid focused,stylingMode=filled (generic-light).png b/...x/etalons/Textbox render invalid focused,stylingMode=filled (generic-light).png
diff --git a/...ons/Textbox render invalid focused,stylingMode=filled (material-blue-light).png b/...ons/Textbox render invalid focused,stylingMode=filled (material-blue-light).png
diff --git a/...etalons/Textbox render invalid focused,stylingMode=outlined (generic-light).png b/...etalons/Textbox render invalid focused,stylingMode=outlined (generic-light).png
diff --git a/...s/Textbox render invalid focused,stylingMode=outlined (material-blue-light).png b/...s/Textbox render invalid focused,stylingMode=outlined (material-blue-light).png
diff --git a/...s/textBox/etalons/Textbox render invalid,stylingMode=filled (generic-light).png b/...s/textBox/etalons/Textbox render invalid,stylingMode=filled (generic-light).png
diff --git a/...Box/etalons/Textbox render invalid,stylingMode=filled (material-blue-light).png b/...Box/etalons/Textbox render invalid,stylingMode=filled (material-blue-light).png
diff --git a/...textBox/etalons/Textbox render invalid,stylingMode=outlined (generic-light).png b/...textBox/etalons/Textbox render invalid,stylingMode=outlined (generic-light).png
diff --git a/...x/etalons/Textbox render invalid,stylingMode=outlined (material-blue-light).png b/...x/etalons/Textbox render invalid,stylingMode=outlined (material-blue-light).png
diff --git a/...s/editors/textBox/etalons/Textbox render stylingMode=filled (generic-light).png b/...s/editors/textBox/etalons/Textbox render stylingMode=filled (generic-light).png
diff --git a/...ors/textBox/etalons/Textbox render stylingMode=filled (material-blue-light).png b/...ors/textBox/etalons/Textbox render stylingMode=filled (material-blue-light).png
diff --git a/...editors/textBox/etalons/Textbox render stylingMode=outlined (generic-light).png b/...editors/textBox/etalons/Textbox render stylingMode=outlined (generic-light).png
diff --git a/...s/textBox/etalons/Textbox render stylingMode=outlined (material-blue-light).png b/...s/textBox/etalons/Textbox render stylingMode=outlined (material-blue-light).png
diff --git a/...talons/Textbox render with limited width stylingMode=filled (generic-light).png b/...talons/Textbox render with limited width stylingMode=filled (generic-light).png
diff --git a/.../Textbox render with limited width stylingMode=filled (material-blue-light).png b/.../Textbox render with limited width stylingMode=filled (material-blue-light).png
diff --git a/...lons/Textbox render with limited width stylingMode=outlined (generic-light).png b/...lons/Textbox render with limited width stylingMode=outlined (generic-light).png
diff --git a/...extbox render with limited width stylingMode=outlined (material-blue-light).png b/...extbox render with limited width stylingMode=outlined (material-blue-light).png
diff --git a/...t,lVis=false,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png b/...t,lVis=false,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png
diff --git a/...,lVis=false,lAl=left,e.lMode=undefined,e.sMode=filled (material-blue-light).png b/...,lVis=false,lAl=left,e.lMode=undefined,e.sMode=filled (material-blue-light).png
diff --git a/...=left,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png b/...=left,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (material-blue-light).png b/...lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (material-blue-light).png
diff --git a/...ft,lVis=true,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png b/...ft,lVis=true,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png
diff --git a/...oc=left,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png b/...oc=left,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...t,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (material-blue-light).png b/...t,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (material-blue-light).png
diff --git a/...c=left,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png b/...c=left,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (material-blue-light).png b/...,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (material-blue-light).png
diff --git a/...right,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png b/...right,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (material-blue-light).png b/...lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (material-blue-light).png
diff --git a/...c=right,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png b/...c=right,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...t,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (material-blue-light).png b/...t,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (material-blue-light).png
diff --git a/...=right,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png b/...=right,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (material-blue-light).png b/...,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (material-blue-light).png
diff --git a/...c=top,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png b/...c=top,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (material-blue-light).png b/...lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (material-blue-light).png
diff --git a/...Loc=top,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png b/...Loc=top,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...p,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (material-blue-light).png b/...p,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (material-blue-light).png
diff --git a/...oc=top,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png b/...oc=top,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (material-blue-light).png b/...,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (material-blue-light).png
diff --git a/...t,lVis=false,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png b/...t,lVis=false,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png
diff --git a/...ft,lVis=true,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png b/...ft,lVis=true,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png
diff --git a/...t,lVis=false,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png b/...t,lVis=false,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png
diff --git a/...ft,lVis=true,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png b/...ft,lVis=true,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png
diff --git a/...t,lVis=false,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png b/...t,lVis=false,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png
diff --git a/...=left,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png b/...=left,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...ft,lVis=true,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png b/...ft,lVis=true,lAl=left,e.lMode=floating,e.sMode=filled (material-blue-light).png
diff --git a/...oc=left,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png b/...oc=left,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...c=left,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png b/...c=left,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...right,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png b/...right,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...c=right,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png b/...c=right,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...=right,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png b/...=right,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...c=top,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png b/...c=top,lVis=true,lAl=center,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...Loc=top,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png b/...Loc=top,lVis=true,lAl=left,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...oc=top,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png b/...oc=top,lVis=true,lAl=right,e.lMode=undefined,e.sMode=filled (generic-light).png
diff --git a/...tl_false,optMark_false,labelMode_floating,colon_false (material-blue-light).png b/...tl_false,optMark_false,labelMode_floating,colon_false (material-blue-light).png
diff --git a/...rtl_false,optMark_false,labelMode_floating,colon_true (material-blue-light).png b/...rtl_false,optMark_false,labelMode_floating,colon_true (material-blue-light).png
diff --git a/...rtl_false,optMark_true,labelMode_floating,colon_false (material-blue-light).png b/...rtl_false,optMark_true,labelMode_floating,colon_false (material-blue-light).png
diff --git a/...,rtl_false,optMark_true,labelMode_floating,colon_true (material-blue-light).png b/...,rtl_false,optMark_true,labelMode_floating,colon_true (material-blue-light).png
diff --git a/...rtl_true,optMark_false,labelMode_floating,colon_false (material-blue-light).png b/...rtl_true,optMark_false,labelMode_floating,colon_false (material-blue-light).png
diff --git a/...,rtl_true,optMark_false,labelMode_floating,colon_true (material-blue-light).png b/...,rtl_true,optMark_false,labelMode_floating,colon_true (material-blue-light).png
diff --git a/...,rtl_true,optMark_true,labelMode_floating,colon_false (material-blue-light).png b/...,rtl_true,optMark_true,labelMode_floating,colon_false (material-blue-light).png
diff --git a/...m,rtl_true,optMark_true,labelMode_floating,colon_true (material-blue-light).png b/...m,rtl_true,optMark_true,labelMode_floating,colon_true (material-blue-light).png
diff --git a/...lblMode=floating,alignInAllGrp=false,alignInGrp=false (material-blue-light).png b/...lblMode=floating,alignInAllGrp=false,alignInGrp=false (material-blue-light).png
diff --git a/...,lblMode=floating,alignInAllGrp=false,alignInGrp=true (material-blue-light).png b/...,lblMode=floating,alignInAllGrp=false,alignInGrp=true (material-blue-light).png
diff --git a/...,lblMode=floating,alignInAllGrp=true,alignInGrp=false (material-blue-light).png b/...,lblMode=floating,alignInAllGrp=true,alignInGrp=false (material-blue-light).png
diff --git a/...s,lblMode=floating,alignInAllGrp=true,alignInGrp=true (material-blue-light).png b/...s,lblMode=floating,alignInAllGrp=true,alignInGrp=true (material-blue-light).png
diff --git a/...w semicolon, lblMode=floating, shwSmclnAfterlbl=false (material-blue-light).png b/...w semicolon, lblMode=floating, shwSmclnAfterlbl=false (material-blue-light).png
diff --git a/...ow semicolon, lblMode=floating, shwSmclnAfterlbl=true (material-blue-light).png b/...ow semicolon, lblMode=floating, shwSmclnAfterlbl=true (material-blue-light).png
diff --git a/...enshots/DateRangeBox active stylingMode=filled isValid=true (generic-light).png b/...enshots/DateRangeBox active stylingMode=filled isValid=true (generic-light).png
diff --git a/...DateRangeBox active stylingMode=filled isValid=true (generic-light-compact).png b/...DateRangeBox active stylingMode=filled isValid=true (generic-light-compact).png
diff --git a/...shots/DateRangeBox disabled stylingMode=filled isValid=true (generic-light).png b/...shots/DateRangeBox disabled stylingMode=filled isValid=true (generic-light).png
diff --git a/...teRangeBox disabled stylingMode=filled isValid=true (generic-light-compact).png b/...teRangeBox disabled stylingMode=filled isValid=true (generic-light-compact).png
diff --git a/...nshots/DateRangeBox focused stylingMode=filled isValid=true (generic-light).png b/...nshots/DateRangeBox focused stylingMode=filled isValid=true (generic-light).png
diff --git a/...ateRangeBox focused stylingMode=filled isValid=true (generic-light-compact).png b/...ateRangeBox focused stylingMode=filled isValid=true (generic-light-compact).png
diff --git a/...shots/DateRangeBox readonly stylingMode=filled isValid=true (generic-light).png b/...shots/DateRangeBox readonly stylingMode=filled isValid=true (generic-light).png
diff --git a/...teRangeBox readonly stylingMode=filled isValid=true (generic-light-compact).png b/...teRangeBox readonly stylingMode=filled isValid=true (generic-light-compact).png
diff --git a/...g/screenshots/DateRangeBox stylingMode=filled isValid=false (generic-light).png b/...g/screenshots/DateRangeBox stylingMode=filled isValid=false (generic-light).png
diff --git a/...shots/DateRangeBox stylingMode=filled isValid=false (generic-light-compact).png b/...shots/DateRangeBox stylingMode=filled isValid=false (generic-light-compact).png
diff --git a/...ng/screenshots/DateRangeBox stylingMode=filled isValid=true (generic-light).png b/...ng/screenshots/DateRangeBox stylingMode=filled isValid=true (generic-light).png
diff --git a/...nshots/DateRangeBox stylingMode=filled isValid=true (generic-light-compact).png b/...nshots/DateRangeBox stylingMode=filled isValid=true (generic-light-compact).png
diff --git a/screenshots/testing/screenshots/Datebox stylingMode=outlined (generic-light).png b/screenshots/testing/screenshots/Datebox stylingMode=outlined (generic-light).png
diff --git a/...ts/testing/screenshots/Datebox stylingMode=outlined (generic-light-compact).png b/...ts/testing/screenshots/Datebox stylingMode=outlined (generic-light-compact).png
diff --git a/...nshots/Textbox render with limited width stylingMode=filled (generic-light).png b/...nshots/Textbox render with limited width stylingMode=filled (generic-light).png
diff --git a/...hots/Textbox render with limited width stylingMode=outlined (generic-light).png b/...hots/Textbox render with limited width stylingMode=outlined (generic-light).png
diff --git a/screenshots/testing/screenshots/focused-row_markup (material.blue.light).png b/screenshots/testing/screenshots/focused-row_markup (material.blue.light).png
diff --git a/...mbnails/DateRangeBox active stylingMode=filled isValid=true (generic-light).png b/...mbnails/DateRangeBox active stylingMode=filled isValid=true (generic-light).png
diff --git a/...DateRangeBox active stylingMode=filled isValid=true (generic-light-compact).png b/...DateRangeBox active stylingMode=filled isValid=true (generic-light-compact).png
diff --git a/...nails/DateRangeBox disabled stylingMode=filled isValid=true (generic-light).png b/...nails/DateRangeBox disabled stylingMode=filled isValid=true (generic-light).png
diff --git a/...teRangeBox disabled stylingMode=filled isValid=true (generic-light-compact).png b/...teRangeBox disabled stylingMode=filled isValid=true (generic-light-compact).png
diff --git a/...bnails/DateRangeBox focused stylingMode=filled isValid=true (generic-light).png b/...bnails/DateRangeBox focused stylingMode=filled isValid=true (generic-light).png
diff --git a/...ateRangeBox focused stylingMode=filled isValid=true (generic-light-compact).png b/...ateRangeBox focused stylingMode=filled isValid=true (generic-light-compact).png
diff --git a/...nails/DateRangeBox readonly stylingMode=filled isValid=true (generic-light).png b/...nails/DateRangeBox readonly stylingMode=filled isValid=true (generic-light).png
diff --git a/...teRangeBox readonly stylingMode=filled isValid=true (generic-light-compact).png b/...teRangeBox readonly stylingMode=filled isValid=true (generic-light-compact).png
diff --git a/...ts/thumbnails/DateRangeBox stylingMode=filled isValid=false (generic-light).png b/...ts/thumbnails/DateRangeBox stylingMode=filled isValid=false (generic-light).png
diff --git a/...nails/DateRangeBox stylingMode=filled isValid=false (generic-light-compact).png b/...nails/DateRangeBox stylingMode=filled isValid=false (generic-light-compact).png
diff --git a/...ots/thumbnails/DateRangeBox stylingMode=filled isValid=true (generic-light).png b/...ots/thumbnails/DateRangeBox stylingMode=filled isValid=true (generic-light).png
diff --git a/...bnails/DateRangeBox stylingMode=filled isValid=true (generic-light-compact).png b/...bnails/DateRangeBox stylingMode=filled isValid=true (generic-light-compact).png
diff --git a/...testing/screenshots/thumbnails/Datebox stylingMode=outlined (generic-light).png b/...testing/screenshots/thumbnails/Datebox stylingMode=outlined (generic-light).png
diff --git a/...screenshots/thumbnails/Datebox stylingMode=outlined (generic-light-compact).png b/...screenshots/thumbnails/Datebox stylingMode=outlined (generic-light-compact).png
diff --git a/...bnails/Textbox render with limited width stylingMode=filled (generic-light).png b/...bnails/Textbox render with limited width stylingMode=filled (generic-light).png
diff --git a/...ails/Textbox render with limited width stylingMode=outlined (generic-light).png b/...ails/Textbox render with limited width stylingMode=outlined (generic-light).png
diff --git a/...ots/testing/screenshots/thumbnails/focused-row_markup (material.blue.light).png b/...ots/testing/screenshots/thumbnails/focused-row_markup (material.blue.light).png