@progress/kendo-theme-bootstrap 7.1.0-dev.9 → 7.1.1-dev.0

package/dist/all.css

@@ -32293,17 +32293,22 @@ textarea.k-input-inner {
     margin: 0;
     border-style: solid;
     border-color: inherit;
-    height: auto;
-    align-self: stretch;
+    border-width: 0 0 0 1px;
+    height: 16px;
+    align-self: center;
 }
 
 .k-input-separator-horizontal {
+    height: auto;
     margin-inline: 0.375rem;
+    align-self: stretch;
     border-width: 1px 0 0;
 }
 
 .k-input-separator-vertical {
+    height: auto;
     margin-block: 0.375rem;
+    align-self: stretch;
     border-width: 0 0 0 1px;
 }
 
@@ -32780,20 +32785,20 @@ select.k-picker-lg {
 .k-input-solid {
     border-color: #ced4da;
     color: #212529;
-    background-color: #fff;
+    background-color: #ffffff;
 }
 
 .k-input-solid:focus, .k-input-solid.k-focus {
     border-color: #86b7fe;
     color: #212529;
-    background-color: #fff;
+    background-color: #ffffff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
 .k-input-solid:focus-within {
     border-color: #86b7fe;
     color: #212529;
-    background-color: #fff;
+    background-color: #ffffff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
@@ -33150,8 +33155,8 @@ select.k-picker-lg {
     white-space: nowrap;
     text-overflow: ellipsis;
     position: absolute;
-    top: calc(1.875rem + 1px);
-    left: calc(0.75rem + 1px);
+    top: var(--kendo-floating-label-offset-y, calc(1.875rem + 1px));
+    left: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px));
     overflow: hidden;
     cursor: text;
     transform-origin: left center;
@@ -33164,22 +33169,22 @@ select.k-picker-lg {
 }
 
 .k-floating-label-container.k-empty > .k-label {
-    top: calc(1.875rem + 1px);
-    left: calc(0.75rem + 1px);
+    top: var(--kendo-floating-label-offset-y, calc(1.875rem + 1px));
+    left: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px));
     transform: scale(1);
     pointer-events: none;
 }
 
 .k-floating-label-container > .k-label,
 .k-floating-label-container.k-focus > .k-label {
-    top: 0;
-    left: 0;
+    top: var(--kendo-floating-label-focus-offset-y, 0);
+    left: var(--kendo-floating-label-focus-offset-x, 0);
     transform: scale(1);
 }
 
 .k-floating-label-container:focus-within > .k-label {
-    top: 0;
-    left: 0;
+    top: var(--kendo-floating-label-focus-offset-y, 0);
+    left: var(--kendo-floating-label-focus-offset-x, 0);
     transform: scale(1);
 }
 
@@ -33200,7 +33205,7 @@ select.k-picker-lg {
 [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
 .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
     left: auto;
-    right: calc(0.75rem + 1px);
+    right: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px));
 }
 
 [dir="rtl"] .k-floating-label-container > .k-label,
@@ -33209,13 +33214,13 @@ select.k-picker-lg {
 .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
 .k-floating-label-container[dir="rtl"].k-focus > .k-label {
     left: auto;
-    right: 0;
+    right: var(--kendo-floating-label-focus-offset-x, 0);
 }
 
 [dir="rtl"] .k-floating-label-container:focus-within > .k-label,
 .k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
     left: auto;
-    right: 0;
+    right: var(--kendo-floating-label-focus-offset-x, 0);
 }
 
 .k-floating-label-container.k-invalid > .k-label,
@@ -33283,6 +33288,10 @@ select.k-picker-lg {
     margin-inline-end: -0.375rem;
 }
 
+.k-textarea:has(.k-input-inner[style*="width"]) {
+    width: max-content;
+}
+
 .k-listbox {
     width: 10em;
     height: 200px;
@@ -47971,6 +47980,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     display: flex;
 }
 
+.k-gantt-timeline-pane .k-gantt-timeline *,
+.k-gantt-timeline-pane .k-gantt-timeline *::before,
+.k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after {
+    box-sizing: border-box;
+}
+
 .k-gantt-timeline-pane .k-grid-content {
     overflow-x: scroll;
 }
@@ -51527,7 +51542,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     display: flex;
     flex-direction: column;
     flex: 1;
-    align-items: start;
+    align-items: flex-start;
     gap: 0.5rem;
 }
 

package/dist/all.scss

@@ -1800,6 +1800,29 @@ $kendo-gradient-white-to-transparent: white, rgba(white, 0); // stylelint-disabl
 /// @group color-system
 $kendo-gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000; // stylelint-disable-line scss/dollar-variable-default
 
+// #endregion
+// #region @import "../../_bootstrap-overrides.scss"; -> scss/_bootstrap-overrides.scss
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+
+$kendo-body-bg: #ffffff !default;
+
+$kendo-component-bg: $kendo-body-bg !default;
+$kendo-component-text: k-contrast-color( $kendo-component-bg, $gray-900, $gray-100 ) !default;
+$kendo-component-border: if( k-is-light( $kendo-component-bg ), $gray-300, $gray-700 ) !default;
+
+$input-bg: $kendo-component-bg !default;
+$input-color: k-contrast-color( $input-bg, $gray-900, $gray-300 ) !default;
+$input-border-color: if( k-is-light( $input-bg ), $gray-400, $gray-600 ) !default;
+$input-placeholder-color: k-contrast-color( $input-bg, $gray-600, $gray-400 ) !default;
+
 // #endregion
 // #region @import "bootstrap/scss/_functions.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/bootstrap/scss/_functions.scss
 // Bootstrap functions
@@ -4097,28 +4120,6 @@ $kendo-colors: $_default-colors !default;
 
 $kendo-is-dark-theme: false !default;
 
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-
-$kendo-body-bg: #ffffff !default;
-
-$kendo-component-bg: $kendo-body-bg !default;
-$kendo-component-text: k-contrast-color( $kendo-component-bg, $gray-900, $gray-100 ) !default;
-$kendo-component-border: if( k-is-light( $kendo-component-bg ), $gray-300, $gray-700 ) !default;
-
-$input-bg: $kendo-component-bg !default;
-$input-color: k-contrast-color( $input-bg, $gray-900, $gray-300 ) !default;
-$input-border-color: if( k-is-light( $input-bg ), $gray-400, $gray-600 ) !default;
-$input-placeholder-color: k-contrast-color( $input-bg, $gray-600, $gray-400 ) !default;
-
-
 // Theme colors
 /// The color that focuses the user attention.
 /// Used for primary buttons and for elements of primary importance across the theme.
@@ -27289,16 +27290,21 @@ $_kendo-module-meta: (
         margin: 0;
         border-style: solid;
         border-color: inherit;
-        height: auto;
-        align-self: stretch;
+        border-width: 0 0 0 1px;
+        height: $kendo-icon-size;
+        align-self: center;
 
         &-horizontal {
+            height: auto;
             margin-inline: $kendo-input-md-padding-y;
+            align-self: stretch;
             border-width: 1px 0 0;
         }
 
         &-vertical {
+            height: auto;
             margin-block: $kendo-input-md-padding-y;
+            align-self: stretch;
             border-width: 0 0 0 1px;
         }
     }
@@ -28351,8 +28357,8 @@ $kendo-floating-label-focus-text: null !default;
             white-space: nowrap;
             text-overflow: ellipsis;
             position: absolute;
-            top: $kendo-floating-label-offset-y;
-            left: $kendo-floating-label-offset-x;
+            top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
+            left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
             overflow: hidden;
             cursor: text;
             transform-origin: left center;
@@ -28366,8 +28372,8 @@ $kendo-floating-label-focus-text: null !default;
 
         &.k-empty {
             > .k-label {
-                top: $kendo-floating-label-offset-y;
-                left: $kendo-floating-label-offset-x;
+                top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
+                left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
                 transform: scale( $kendo-floating-label-scale );
                 pointer-events: none;
             }
@@ -28375,13 +28381,13 @@ $kendo-floating-label-focus-text: null !default;
 
         > .k-label,
         &.k-focus > .k-label {
-            top: $kendo-floating-label-focus-offset-y;
-            left: $kendo-floating-label-focus-offset-x;
+            top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
+            left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
             transform: scale( $kendo-floating-label-focus-scale );
         }
         &:focus-within > .k-label {
-            top: $kendo-floating-label-focus-offset-y;
-            left: $kendo-floating-label-focus-offset-x;
+            top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
+            left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
             transform: scale( $kendo-floating-label-focus-scale );
         }
 
@@ -28401,18 +28407,18 @@ $kendo-floating-label-focus-text: null !default;
             &.k-empty {
                 > .k-label {
                     left: auto;
-                    right: $kendo-floating-label-offset-x;
+                    right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
                 }
             }
 
             > .k-label,
             &.k-focus > .k-label {
                 left: auto;
-                right: $kendo-floating-label-focus-offset-x;
+                right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
             }
             &:focus-within > .k-label {
                 left: auto;
-                right: $kendo-floating-label-focus-offset-x;
+                right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
             }
         }
     }
@@ -28937,7 +28943,9 @@ $_kendo-module-meta: (
 @mixin kendo-textarea--layout-base() {
 
     // Textarea
-    .k-textarea {}
+    .k-textarea:has(.k-input-inner[style*="width"]) {
+        width: max-content;
+    }
 
 }
 
@@ -56278,6 +56286,14 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
             height: 100%;
             border-width: 0;
             display: flex;
+
+            *,
+            *::before,
+            *::after,
+            &::before,
+            &::after {
+                box-sizing: border-box;
+            }
         }
         .k-grid-header {}
         .k-grid-content {
@@ -61584,7 +61600,7 @@ $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
         display: flex;
         flex-direction: column;
         flex: 1;
-        align-items: start;
+        align-items: flex-start;
         gap: $kendo-prompt-expander-spacing;
     }