@progress/kendo-theme-fluent 6.1.1-dev.16 → 6.1.1-dev.25

package/dist/meta/sassdoc-raw-data.json

@@ -22174,15 +22174,15 @@
         }
     },
     {
-        "description": "The font weight of the floating label\n",
+        "description": "The max-width of the floating label\n",
         "commentRange": {
             "start": 12,
             "end": 13
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-font-weight",
-            "value": "var( --kendo-font-weight-bold, inherit )",
+            "name": "kendo-floating-label-max-width",
+            "value": "90%",
             "scope": "default",
             "line": {
                 "start": 14,
@@ -22199,15 +22199,15 @@
         }
     },
     {
-        "description": "The line height of the floating label\n",
+        "description": "The font weight of the floating label\n",
         "commentRange": {
             "start": 16,
             "end": 17
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-line-height",
-            "value": "var( --kendo-line-height, normal )",
+            "name": "kendo-floating-label-font-weight",
+            "value": "var( --kendo-font-weight-bold, inherit )",
             "scope": "default",
             "line": {
                 "start": 18,
@@ -22224,15 +22224,15 @@
         }
     },
     {
-        "description": "The height of the floating label\n",
+        "description": "The line height of the floating label\n",
         "commentRange": {
             "start": 20,
             "end": 21
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-height",
-            "value": "calc( #{$kendo-floating-label-line-height} * #{$kendo-floating-label-font-size} )",
+            "name": "kendo-floating-label-line-height",
+            "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
                 "start": 22,
@@ -22249,15 +22249,15 @@
         }
     },
     {
-        "description": "The horizontal offset of the floating label\n",
+        "description": "The height of the floating label\n",
         "commentRange": {
             "start": 24,
             "end": 25
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-offset-x",
-            "value": "calc( #{$kendo-input-md-padding-x} + #{$kendo-input-border-width} )",
+            "name": "kendo-floating-label-height",
+            "value": "calc( #{$kendo-floating-label-line-height} * #{$kendo-floating-label-font-size} )",
             "scope": "default",
             "line": {
                 "start": 26,
@@ -22274,15 +22274,15 @@
         }
     },
     {
-        "description": "The vertical offset of the floating label\n",
+        "description": "The horizontal offset of the floating label\n",
         "commentRange": {
             "start": 28,
             "end": 29
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-offset-y",
-            "value": "calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-md-padding-y} )",
+            "name": "kendo-floating-label-offset-x",
+            "value": "calc( #{$kendo-input-md-padding-x} + #{$kendo-input-border-width} )",
             "scope": "default",
             "line": {
                 "start": 30,
@@ -22299,15 +22299,15 @@
         }
     },
     {
-        "description": "The focus resize scale of the floating label\n",
+        "description": "The vertical offset of the floating label\n",
         "commentRange": {
             "start": 32,
             "end": 33
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-focus-scale",
-            "value": "1",
+            "name": "kendo-floating-label-offset-y",
+            "value": "calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-md-padding-y} )",
             "scope": "default",
             "line": {
                 "start": 34,
@@ -22324,15 +22324,15 @@
         }
     },
     {
-        "description": "The horizontal focus offset of the floating label\n",
+        "description": "The focus resize scale of the floating label\n",
         "commentRange": {
             "start": 36,
             "end": 37
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-focus-offset-x",
-            "value": "0",
+            "name": "kendo-floating-label-focus-scale",
+            "value": "1",
             "scope": "default",
             "line": {
                 "start": 38,
@@ -22349,14 +22349,14 @@
         }
     },
     {
-        "description": "The vertical focus offset of the floating label\n",
+        "description": "The horizontal focus offset of the floating label\n",
         "commentRange": {
             "start": 40,
             "end": 41
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-focus-offset-y",
+            "name": "kendo-floating-label-focus-offset-x",
             "value": "0",
             "scope": "default",
             "line": {
@@ -22374,15 +22374,15 @@
         }
     },
     {
-        "description": "The transition of the floating label\n",
+        "description": "The vertical focus offset of the floating label\n",
         "commentRange": {
             "start": 44,
             "end": 45
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-transition",
-            "value": ".2s ease-out",
+            "name": "kendo-floating-label-focus-offset-y",
+            "value": "0",
             "scope": "default",
             "line": {
                 "start": 46,
@@ -22399,15 +22399,15 @@
         }
     },
     {
-        "description": "The background color of the floating label\n",
+        "description": "The transition of the floating label\n",
         "commentRange": {
             "start": 48,
             "end": 49
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-bg",
-            "value": "inherit",
+            "name": "kendo-floating-label-transition",
+            "value": ".2s ease-out",
             "scope": "default",
             "line": {
                 "start": 50,
@@ -22424,14 +22424,14 @@
         }
     },
     {
-        "description": "The text color of the floating label\n",
+        "description": "The background color of the floating label\n",
         "commentRange": {
             "start": 52,
             "end": 53
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-text",
+            "name": "kendo-floating-label-bg",
             "value": "inherit",
             "scope": "default",
             "line": {
@@ -22449,14 +22449,14 @@
         }
     },
     {
-        "description": "The focus background color of the floating label\n",
+        "description": "The text color of the floating label\n",
         "commentRange": {
             "start": 56,
             "end": 57
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-focus-bg",
+            "name": "kendo-floating-label-text",
             "value": "inherit",
             "scope": "default",
             "line": {
@@ -22474,14 +22474,14 @@
         }
     },
     {
-        "description": "The focus text color of the floating label\n",
+        "description": "The focus background color of the floating label\n",
         "commentRange": {
             "start": 60,
             "end": 61
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-focus-text",
+            "name": "kendo-floating-label-focus-bg",
             "value": "inherit",
             "scope": "default",
             "line": {
@@ -22499,15 +22499,15 @@
         }
     },
     {
-        "description": "The invalid text color of the floating label\n",
+        "description": "The focus text color of the floating label\n",
         "commentRange": {
             "start": 64,
             "end": 65
         },
         "context": {
             "type": "variable",
-            "name": "kendo-floating-label-invalid-text",
-            "value": "var( --kendo-invalid-text, #{$kendo-invalid-text} )",
+            "name": "kendo-floating-label-focus-text",
+            "value": "inherit",
             "scope": "default",
             "line": {
                 "start": 66,
@@ -22523,6 +22523,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The invalid text color of the floating label\n",
+        "commentRange": {
+            "start": 68,
+            "end": 69
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-floating-label-invalid-text",
+            "value": "var( --kendo-invalid-text, #{$kendo-invalid-text} )",
+            "scope": "default",
+            "line": {
+                "start": 70,
+                "end": 70
+            }
+        },
+        "group": [
+            "floating-label"
+        ],
+        "access": "public",
+        "file": {
+            "path": "floating-label/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The padding of the inline form\n",
         "commentRange": {

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "6.1.1-dev.16+3b2eeab62",
+    "version": "6.1.1-dev.25+bd878b468",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "6.1.1-dev.16+3b2eeab62",
+    "version": "6.1.1-dev.25+bd878b468",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "6.1.1-dev.16+3b2eeab62",
+  "version": "6.1.1-dev.25+bd878b468",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "1.4.0",
-    "@progress/kendo-theme-core": "^6.1.1-dev.16+3b2eeab62",
-    "@progress/kendo-theme-utils": "^6.1.1-dev.16+3b2eeab62"
+    "@progress/kendo-theme-core": "6.1.1-dev.25+bd878b468",
+    "@progress/kendo-theme-utils": "6.1.1-dev.25+bd878b468"
   },
-  "gitHead": "3b2eeab62d97b591d20b2bbedf94442f7bfd4a20"
+  "gitHead": "bd878b468ff65ff14c8a636431427ad2ba4b7b7e"
 }

package/scss/floating-label/_layout.scss

@@ -19,7 +19,7 @@
         }
 
         > .k-label {
-            max-width: 90%;
+            max-width: var( --kendo-floating-label-max-width, #{$kendo-floating-label-max-width} );
             font-size: var( --kendo-floating-label-font-size, #{$kendo-floating-label-font-size} );
             font-weight: var( --kendo-floating-label-font-weight, #{$kendo-floating-label-font-weight} );
             line-height: var( --kendo-floating-label-line-height, #{$kendo-floating-label-line-height} );

package/scss/floating-label/_variables.scss

@@ -9,6 +9,10 @@ $kendo-floating-label-scale: 1 !default;
 /// @group floating-label
 $kendo-floating-label-font-size: var( --kendo-font-size, inherit ) !default;
 
+/// The max-width of the floating label
+/// @group floating-label
+$kendo-floating-label-max-width: 90% !default;
+
 /// The font weight of the floating label
 /// @group floating-label
 $kendo-floating-label-font-weight: var( --kendo-font-weight-bold, inherit ) !default;