@progress/kendo-theme-default 6.5.0-dev.1 → 6.5.0-dev.2

package/dist/meta/sassdoc-data.json

@@ -8724,8 +8724,8 @@
         {
             "description": "The color that focuses the user attention.\nUsed for primary buttons and for elements of primary importance across the theme.\n",
             "commentRange": {
-                "start": 144,
-                "end": 147
+                "start": 145,
+                "end": 148
             },
             "context": {
                 "type": "variable",
@@ -8733,8 +8733,8 @@
                 "value": "#ff6358",
                 "scope": "default",
                 "line": {
-                    "start": 148,
-                    "end": 148
+                    "start": 149,
+                    "end": 149
                 }
             },
             "group": [
@@ -8752,8 +8752,8 @@
         {
             "description": "The color used along with the primary color denoted by $kendo-color-primary.\nUsed to provide contrast between the background and foreground colors.\n",
             "commentRange": {
-                "start": 152,
-                "end": 155
+                "start": 153,
+                "end": 156
             },
             "context": {
                 "type": "variable",
@@ -8761,8 +8761,8 @@
                 "value": "k-contrast-legacy( $kendo-color-primary )",
                 "scope": "default",
                 "line": {
-                    "start": 156,
-                    "end": 156
+                    "start": 157,
+                    "end": 157
                 }
             },
             "group": [
@@ -8780,8 +8780,8 @@
         {
             "description": "The secondary color of the theme.\n",
             "commentRange": {
-                "start": 158,
-                "end": 160
+                "start": 159,
+                "end": 161
             },
             "context": {
                 "type": "variable",
@@ -8789,8 +8789,8 @@
                 "value": "#666666",
                 "scope": "default",
                 "line": {
-                    "start": 161,
-                    "end": 161
+                    "start": 162,
+                    "end": 162
                 }
             },
             "group": [
@@ -8808,8 +8808,8 @@
         {
             "description": "The color used along with the secondary color denoted by $kendo-color-secondary.\nUsed to provide contrast between the background and foreground colors.\n",
             "commentRange": {
-                "start": 165,
-                "end": 168
+                "start": 166,
+                "end": 169
             },
             "context": {
                 "type": "variable",
@@ -8817,8 +8817,8 @@
                 "value": "k-contrast-legacy( $kendo-color-secondary )",
                 "scope": "default",
                 "line": {
-                    "start": 169,
-                    "end": 169
+                    "start": 170,
+                    "end": 170
                 }
             },
             "group": [
@@ -8836,8 +8836,8 @@
         {
             "description": "The tertiary color of the theme.\n",
             "commentRange": {
-                "start": 171,
-                "end": 173
+                "start": 172,
+                "end": 174
             },
             "context": {
                 "type": "variable",
@@ -8845,8 +8845,8 @@
                 "value": "#03a9f4",
                 "scope": "default",
                 "line": {
-                    "start": 174,
-                    "end": 174
+                    "start": 175,
+                    "end": 175
                 }
             },
             "group": [
@@ -8864,8 +8864,8 @@
         {
             "description": "The color used along with the tertiary color denoted by $kendo-color-tertiary.\nUsed to provide contrast between the background and foreground colors.\n",
             "commentRange": {
-                "start": 178,
-                "end": 181
+                "start": 179,
+                "end": 182
             },
             "context": {
                 "type": "variable",
@@ -8873,8 +8873,8 @@
                 "value": "k-contrast-legacy( $kendo-color-tertiary )",
                 "scope": "default",
                 "line": {
-                    "start": 182,
-                    "end": 182
+                    "start": 183,
+                    "end": 183
                 }
             },
             "group": [
@@ -8892,8 +8892,8 @@
         {
             "description": "The color for informational messages and states.\n",
             "commentRange": {
-                "start": 184,
-                "end": 186
+                "start": 185,
+                "end": 187
             },
             "context": {
                 "type": "variable",
@@ -8901,8 +8901,8 @@
                 "value": "#0058e9",
                 "scope": "default",
                 "line": {
-                    "start": 187,
-                    "end": 187
+                    "start": 188,
+                    "end": 188
                 }
             },
             "group": [
@@ -8920,8 +8920,8 @@
         {
             "description": "The color for success messages and states.\n",
             "commentRange": {
-                "start": 191,
-                "end": 193
+                "start": 192,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -8929,8 +8929,8 @@
                 "value": "#37b400",
                 "scope": "default",
                 "line": {
-                    "start": 194,
-                    "end": 194
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -8948,8 +8948,8 @@
         {
             "description": "The color for warning messages and states.\n",
             "commentRange": {
-                "start": 198,
-                "end": 200
+                "start": 199,
+                "end": 201
             },
             "context": {
                 "type": "variable",
@@ -8957,8 +8957,8 @@
                 "value": "#ffc000",
                 "scope": "default",
                 "line": {
-                    "start": 201,
-                    "end": 201
+                    "start": 202,
+                    "end": 202
                 }
             },
             "group": [
@@ -8976,8 +8976,8 @@
         {
             "description": "The color for error messages and states.\n",
             "commentRange": {
-                "start": 205,
-                "end": 207
+                "start": 206,
+                "end": 208
             },
             "context": {
                 "type": "variable",
@@ -8985,8 +8985,8 @@
                 "value": "#f31700",
                 "scope": "default",
                 "line": {
-                    "start": 208,
-                    "end": 208
+                    "start": 209,
+                    "end": 209
                 }
             },
             "group": [
@@ -9004,8 +9004,8 @@
         {
             "description": "The dark color of the theme.\n",
             "commentRange": {
-                "start": 212,
-                "end": 214
+                "start": 213,
+                "end": 215
             },
             "context": {
                 "type": "variable",
@@ -9013,8 +9013,8 @@
                 "value": "#424242",
                 "scope": "default",
                 "line": {
-                    "start": 215,
-                    "end": 215
+                    "start": 216,
+                    "end": 216
                 }
             },
             "group": [
@@ -9032,8 +9032,8 @@
         {
             "description": "The light color of the theme.\n",
             "commentRange": {
-                "start": 217,
-                "end": 219
+                "start": 218,
+                "end": 220
             },
             "context": {
                 "type": "variable",
@@ -9041,8 +9041,8 @@
                 "value": "#ebebeb",
                 "scope": "default",
                 "line": {
-                    "start": 220,
-                    "end": 220
+                    "start": 221,
+                    "end": 221
                 }
             },
             "group": [
@@ -9060,8 +9060,8 @@
         {
             "description": "Inverse color of the theme. Depending on the theme luminance dark or light, it will be light or dark\n",
             "commentRange": {
-                "start": 222,
-                "end": 223
+                "start": 223,
+                "end": 224
             },
             "context": {
                 "type": "variable",
@@ -9069,8 +9069,8 @@
                 "value": "if( $kendo-is-dark-theme, $kendo-color-light, $kendo-color-dark )",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 225,
+                    "end": 225
                 }
             },
             "group": [
@@ -9951,8 +9951,8 @@
         {
             "description": "Icon size.\n",
             "commentRange": {
-                "start": 59,
-                "end": 60
+                "start": 60,
+                "end": 61
             },
             "context": {
                 "type": "variable",
@@ -9960,8 +9960,8 @@
                 "value": "16px",
                 "scope": "default",
                 "line": {
-                    "start": 61,
-                    "end": 61
+                    "start": 62,
+                    "end": 62
                 }
             },
             "group": [
@@ -9978,8 +9978,8 @@
         {
             "description": "xtra small icon size.\n",
             "commentRange": {
-                "start": 62,
-                "end": 63
+                "start": 63,
+                "end": 64
             },
             "context": {
                 "type": "variable",
@@ -9987,8 +9987,8 @@
                 "value": "calc( #{$kendo-icon-size} * .75 )",
                 "scope": "default",
                 "line": {
-                    "start": 64,
-                    "end": 64
+                    "start": 65,
+                    "end": 65
                 }
             },
             "group": [
@@ -10005,8 +10005,8 @@
         {
             "description": "Small icon size.\n",
             "commentRange": {
-                "start": 65,
-                "end": 66
+                "start": 66,
+                "end": 67
             },
             "context": {
                 "type": "variable",
@@ -10014,8 +10014,8 @@
                 "value": "calc( #{$kendo-icon-size} * .875 )",
                 "scope": "default",
                 "line": {
-                    "start": 67,
-                    "end": 67
+                    "start": 68,
+                    "end": 68
                 }
             },
             "group": [
@@ -10032,8 +10032,8 @@
         {
             "description": "Medium icon size.\n",
             "commentRange": {
-                "start": 68,
-                "end": 69
+                "start": 69,
+                "end": 70
             },
             "context": {
                 "type": "variable",
@@ -10041,8 +10041,8 @@
                 "value": "$kendo-icon-size",
                 "scope": "default",
                 "line": {
-                    "start": 70,
-                    "end": 70
+                    "start": 71,
+                    "end": 71
                 }
             },
             "group": [
@@ -10059,8 +10059,8 @@
         {
             "description": "Large icon size.\n",
             "commentRange": {
-                "start": 71,
-                "end": 72
+                "start": 72,
+                "end": 73
             },
             "context": {
                 "type": "variable",
@@ -10068,8 +10068,8 @@
                 "value": "calc( #{$kendo-icon-size} * 1.25 )",
                 "scope": "default",
                 "line": {
-                    "start": 73,
-                    "end": 73
+                    "start": 74,
+                    "end": 74
                 }
             },
             "group": [
@@ -10086,8 +10086,8 @@
         {
             "description": "Extra large icon size.\n",
             "commentRange": {
-                "start": 74,
-                "end": 75
+                "start": 75,
+                "end": 76
             },
             "context": {
                 "type": "variable",
@@ -10095,8 +10095,8 @@
                 "value": "calc( #{$kendo-icon-size} * 1.5 )",
                 "scope": "default",
                 "line": {
-                    "start": 76,
-                    "end": 76
+                    "start": 77,
+                    "end": 77
                 }
             },
             "group": [
@@ -10113,8 +10113,8 @@
         {
             "description": "Double extra large icon size.\n",
             "commentRange": {
-                "start": 77,
-                "end": 78
+                "start": 78,
+                "end": 79
             },
             "context": {
                 "type": "variable",
@@ -10122,8 +10122,8 @@
                 "value": "calc( #{$kendo-icon-size} * 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 79,
-                    "end": 79
+                    "start": 80,
+                    "end": 80
                 }
             },
             "group": [
@@ -10140,8 +10140,8 @@
         {
             "description": "Triple extra large icon size.\n",
             "commentRange": {
-                "start": 80,
-                "end": 81
+                "start": 81,
+                "end": 82
             },
             "context": {
                 "type": "variable",
@@ -10149,8 +10149,8 @@
                 "value": "calc( #{$kendo-icon-size} * 3 )",
                 "scope": "default",
                 "line": {
-                    "start": 82,
-                    "end": 82
+                    "start": 83,
+                    "end": 83
                 }
             },
             "group": [
@@ -10167,8 +10167,8 @@
         {
             "description": "Horizontal padding.\n",
             "commentRange": {
-                "start": 87,
-                "end": 88
+                "start": 88,
+                "end": 89
             },
             "context": {
                 "type": "variable",
@@ -10176,8 +10176,8 @@
                 "value": "8px",
                 "scope": "default",
                 "line": {
-                    "start": 89,
-                    "end": 89
+                    "start": 90,
+                    "end": 90
                 }
             },
             "group": [
@@ -10194,8 +10194,8 @@
         {
             "description": "Vertical padding.\n",
             "commentRange": {
-                "start": 90,
-                "end": 91
+                "start": 91,
+                "end": 92
             },
             "context": {
                 "type": "variable",
@@ -10203,8 +10203,8 @@
                 "value": "4px",
                 "scope": "default",
                 "line": {
-                    "start": 92,
-                    "end": 92
+                    "start": 93,
+                    "end": 93
                 }
             },
             "group": [
@@ -10221,8 +10221,8 @@
         {
             "description": "Small horizontal padding.\n",
             "commentRange": {
-                "start": 93,
-                "end": 94
+                "start": 94,
+                "end": 95
             },
             "context": {
                 "type": "variable",
@@ -10230,8 +10230,8 @@
                 "value": "k-map-get( $kendo-spacing, 1 )",
                 "scope": "default",
                 "line": {
-                    "start": 95,
-                    "end": 95
+                    "start": 96,
+                    "end": 96
                 }
             },
             "group": [
@@ -10248,8 +10248,8 @@
         {
             "description": "Small vertical padding.\n",
             "commentRange": {
-                "start": 96,
-                "end": 97
+                "start": 97,
+                "end": 98
             },
             "context": {
                 "type": "variable",
@@ -10257,8 +10257,8 @@
                 "value": "k-map-get( $kendo-spacing, 0.5 )",
                 "scope": "default",
                 "line": {
-                    "start": 98,
-                    "end": 98
+                    "start": 99,
+                    "end": 99
                 }
             },
             "group": [
@@ -10275,8 +10275,8 @@
         {
             "description": "Medium horizontal padding.\n",
             "commentRange": {
-                "start": 99,
-                "end": 100
+                "start": 100,
+                "end": 101
             },
             "context": {
                 "type": "variable",
@@ -10284,8 +10284,8 @@
                 "value": "k-map-get( $kendo-spacing, 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 101,
-                    "end": 101
+                    "start": 102,
+                    "end": 102
                 }
             },
             "group": [
@@ -10302,8 +10302,8 @@
         {
             "description": "Medium vertical padding.\n",
             "commentRange": {
-                "start": 102,
-                "end": 103
+                "start": 103,
+                "end": 104
             },
             "context": {
                 "type": "variable",
@@ -10311,8 +10311,8 @@
                 "value": "k-map-get( $kendo-spacing, 1 )",
                 "scope": "default",
                 "line": {
-                    "start": 104,
-                    "end": 104
+                    "start": 105,
+                    "end": 105
                 }
             },
             "group": [
@@ -10329,8 +10329,8 @@
         {
             "description": "Large horizontal padding.\n",
             "commentRange": {
-                "start": 105,
-                "end": 106
+                "start": 106,
+                "end": 107
             },
             "context": {
                 "type": "variable",
@@ -10338,8 +10338,8 @@
                 "value": "k-map-get( $kendo-spacing, 3 )",
                 "scope": "default",
                 "line": {
-                    "start": 107,
-                    "end": 107
+                    "start": 108,
+                    "end": 108
                 }
             },
             "group": [
@@ -10356,8 +10356,8 @@
         {
             "description": "Large vertical padding.\n",
             "commentRange": {
-                "start": 108,
-                "end": 109
+                "start": 109,
+                "end": 110
             },
             "context": {
                 "type": "variable",
@@ -10365,8 +10365,8 @@
                 "value": "k-map-get( $kendo-spacing, 1.5 )",
                 "scope": "default",
                 "line": {
-                    "start": 110,
-                    "end": 110
+                    "start": 111,
+                    "end": 111
                 }
             },
             "group": [
@@ -10383,8 +10383,8 @@
         {
             "description": "Border radius for all components.\n",
             "commentRange": {
-                "start": 112,
-                "end": 113
+                "start": 113,
+                "end": 114
             },
             "context": {
                 "type": "variable",
@@ -10392,8 +10392,8 @@
                 "value": "k-map-get( $kendo-spacing, 1 )",
                 "scope": "default",
                 "line": {
-                    "start": 114,
-                    "end": 114
+                    "start": 115,
+                    "end": 115
                 }
             },
             "group": [
@@ -10410,8 +10410,8 @@
         {
             "description": "Small border radius.\n",
             "commentRange": {
-                "start": 115,
-                "end": 116
+                "start": 116,
+                "end": 117
             },
             "context": {
                 "type": "variable",
@@ -10419,8 +10419,8 @@
                 "value": "$kendo-border-radius - k-map-get( $kendo-spacing, 0.5 )",
                 "scope": "default",
                 "line": {
-                    "start": 117,
-                    "end": 117
+                    "start": 118,
+                    "end": 118
                 }
             },
             "group": [
@@ -10437,8 +10437,8 @@
         {
             "description": "Medium border radius.\n",
             "commentRange": {
-                "start": 118,
-                "end": 119
+                "start": 119,
+                "end": 120
             },
             "context": {
                 "type": "variable",
@@ -10446,8 +10446,8 @@
                 "value": "$kendo-border-radius",
                 "scope": "default",
                 "line": {
-                    "start": 120,
-                    "end": 120
+                    "start": 121,
+                    "end": 121
                 }
             },
             "group": [
@@ -10464,8 +10464,8 @@
         {
             "description": "Large border radius.\n",
             "commentRange": {
-                "start": 121,
-                "end": 122
+                "start": 122,
+                "end": 123
             },
             "context": {
                 "type": "variable",
@@ -10473,8 +10473,8 @@
                 "value": "$kendo-border-radius + k-map-get( $kendo-spacing, 0.5 )",
                 "scope": "default",
                 "line": {
-                    "start": 123,
-                    "end": 123
+                    "start": 124,
+                    "end": 124
                 }
             },
             "group": [
@@ -10491,8 +10491,8 @@
         {
             "description": "Background color of the body.\n",
             "commentRange": {
-                "start": 322,
-                "end": 323
+                "start": 323,
+                "end": 324
             },
             "context": {
                 "type": "variable",
@@ -10500,8 +10500,8 @@
                 "value": "$kendo-color-white",
                 "scope": "default",
                 "line": {
-                    "start": 324,
-                    "end": 324
+                    "start": 325,
+                    "end": 325
                 }
             },
             "group": [
@@ -10518,8 +10518,8 @@
         {
             "description": "Text color of the body.\n",
             "commentRange": {
-                "start": 325,
-                "end": 326
+                "start": 326,
+                "end": 327
             },
             "context": {
                 "type": "variable",
@@ -10527,8 +10527,8 @@
                 "value": "#424242",
                 "scope": "default",
                 "line": {
-                    "start": 327,
-                    "end": 327
+                    "start": 328,
+                    "end": 328
                 }
             },
             "group": [
@@ -10545,8 +10545,8 @@
         {
             "description": "Subtle text color.\n",
             "commentRange": {
-                "start": 329,
-                "end": 330
+                "start": 330,
+                "end": 331
             },
             "context": {
                 "type": "variable",
@@ -10554,8 +10554,8 @@
                 "value": "#666666",
                 "scope": "default",
                 "line": {
-                    "start": 331,
-                    "end": 331
+                    "start": 332,
+                    "end": 332
                 }
             },
             "group": [
@@ -10572,8 +10572,8 @@
         {
             "description": "Text color of the links.\n",
             "commentRange": {
-                "start": 338,
-                "end": 339
+                "start": 339,
+                "end": 340
             },
             "context": {
                 "type": "variable",
@@ -10581,8 +10581,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 340,
-                    "end": 340
+                    "start": 341,
+                    "end": 341
                 }
             },
             "group": [
@@ -10599,8 +10599,8 @@
         {
             "description": "Text color of the links on hover.\n",
             "commentRange": {
-                "start": 341,
-                "end": 342
+                "start": 342,
+                "end": 343
             },
             "context": {
                 "type": "variable",
@@ -10608,8 +10608,8 @@
                 "value": "$kendo-color-primary-darker",
                 "scope": "default",
                 "line": {
-                    "start": 343,
-                    "end": 343
+                    "start": 344,
+                    "end": 344
                 }
             },
             "group": [
@@ -10626,8 +10626,8 @@
         {
             "description": "Background color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-bg` e.g. `$kendo-grid-bg: $kendo-component-bg !default;`.\n",
             "commentRange": {
-                "start": 349,
-                "end": 351
+                "start": 350,
+                "end": 352
             },
             "context": {
                 "type": "variable",
@@ -10635,8 +10635,8 @@
                 "value": "$kendo-body-bg",
                 "scope": "default",
                 "line": {
-                    "start": 352,
-                    "end": 352
+                    "start": 353,
+                    "end": 353
                 }
             },
             "group": [
@@ -10653,8 +10653,8 @@
         {
             "description": "Text color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-text` e.g. `$kendo-grid-text: $kendo-component-text !default;`.\n",
             "commentRange": {
-                "start": 353,
-                "end": 355
+                "start": 354,
+                "end": 356
             },
             "context": {
                 "type": "variable",
@@ -10662,8 +10662,8 @@
                 "value": "$kendo-body-text",
                 "scope": "default",
                 "line": {
-                    "start": 356,
-                    "end": 356
+                    "start": 357,
+                    "end": 357
                 }
             },
             "group": [
@@ -10680,8 +10680,8 @@
         {
             "description": "Border color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-border` e.g. `$kendo-grid-border: $kendo-component-border !default;`.\n",
             "commentRange": {
-                "start": 357,
-                "end": 359
+                "start": 358,
+                "end": 360
             },
             "context": {
                 "type": "variable",
@@ -10689,8 +10689,8 @@
                 "value": "rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 )",
                 "scope": "default",
                 "line": {
-                    "start": 360,
-                    "end": 360
+                    "start": 361,
+                    "end": 361
                 }
             },
             "group": [
@@ -10707,8 +10707,8 @@
         {
             "description": "Background color of the component header.\n",
             "commentRange": {
-                "start": 422,
-                "end": 423
+                "start": 423,
+                "end": 424
             },
             "context": {
                 "type": "variable",
@@ -10716,8 +10716,8 @@
                 "value": "$kendo-base-bg",
                 "scope": "default",
                 "line": {
-                    "start": 424,
-                    "end": 424
+                    "start": 425,
+                    "end": 425
                 }
             },
             "group": [
@@ -10734,8 +10734,8 @@
         {
             "description": "Text color of the component header.\n",
             "commentRange": {
-                "start": 425,
-                "end": 426
+                "start": 426,
+                "end": 427
             },
             "context": {
                 "type": "variable",
@@ -10743,8 +10743,8 @@
                 "value": "$kendo-base-text",
                 "scope": "default",
                 "line": {
-                    "start": 427,
-                    "end": 427
+                    "start": 428,
+                    "end": 428
                 }
             },
             "group": [
@@ -10761,8 +10761,8 @@
         {
             "description": "Border color of the component header.\n",
             "commentRange": {
-                "start": 428,
-                "end": 429
+                "start": 429,
+                "end": 430
             },
             "context": {
                 "type": "variable",
@@ -10770,8 +10770,8 @@
                 "value": "$kendo-base-border",
                 "scope": "default",
                 "line": {
-                    "start": 430,
-                    "end": 430
+                    "start": 431,
+                    "end": 431
                 }
             },
             "group": [
@@ -10788,8 +10788,8 @@
         {
             "description": "Gradient of the component header.\n",
             "commentRange": {
-                "start": 431,
-                "end": 432
+                "start": 432,
+                "end": 433
             },
             "context": {
                 "type": "variable",
@@ -10797,8 +10797,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 433,
-                    "end": 433
+                    "start": 434,
+                    "end": 434
                 }
             },
             "group": [
@@ -10815,8 +10815,8 @@
         {
             "description": "Background color of the invalid items.\n",
             "commentRange": {
-                "start": 436,
-                "end": 437
+                "start": 437,
+                "end": 438
             },
             "context": {
                 "type": "variable",
@@ -10824,8 +10824,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 438,
-                    "end": 438
+                    "start": 439,
+                    "end": 439
                 }
             },
             "group": [
@@ -10836,14 +10836,14 @@
                 "path": "_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "null",
-            "resolvedType": "Null"
+            "resolvedValue": "initial",
+            "resolvedType": "String"
         },
         {
             "description": "Text color of the invalid items.\n",
             "commentRange": {
-                "start": 439,
-                "end": 440
+                "start": 440,
+                "end": 441
             },
             "context": {
                 "type": "variable",
@@ -10851,8 +10851,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 441,
-                    "end": 441
+                    "start": 442,
+                    "end": 442
                 }
             },
             "group": [
@@ -10869,8 +10869,8 @@
         {
             "description": "Border color of the invalid items.\n",
             "commentRange": {
-                "start": 442,
-                "end": 443
+                "start": 443,
+                "end": 444
             },
             "context": {
                 "type": "variable",
@@ -10878,8 +10878,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 444,
-                    "end": 444
+                    "start": 445,
+                    "end": 445
                 }
             },
             "group": [
@@ -10896,8 +10896,8 @@
         {
             "description": "Shadow of the invalid items.\n",
             "commentRange": {
-                "start": 445,
-                "end": 446
+                "start": 446,
+                "end": 447
             },
             "context": {
                 "type": "variable",
@@ -10905,8 +10905,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 447,
-                    "end": 447
+                    "start": 448,
+                    "end": 448
                 }
             },
             "group": [
@@ -34359,8 +34359,8 @@
         {
             "description": "Base font size across all components.\n",
             "commentRange": {
-                "start": 243,
-                "end": 244
+                "start": 244,
+                "end": 245
             },
             "context": {
                 "type": "variable",
@@ -34368,8 +34368,8 @@
                 "value": "14px",
                 "scope": "default",
                 "line": {
-                    "start": 245,
-                    "end": 245
+                    "start": 246,
+                    "end": 246
                 }
             },
             "group": [
@@ -34386,8 +34386,8 @@
         {
             "description": "Extra small font size across all components.\n",
             "commentRange": {
-                "start": 246,
-                "end": 247
+                "start": 247,
+                "end": 248
             },
             "context": {
                 "type": "variable",
@@ -34395,8 +34395,8 @@
                 "value": "10px",
                 "scope": "default",
                 "line": {
-                    "start": 248,
-                    "end": 248
+                    "start": 249,
+                    "end": 249
                 }
             },
             "group": [
@@ -34413,8 +34413,8 @@
         {
             "description": "Small font size across all components.\n",
             "commentRange": {
-                "start": 249,
-                "end": 250
+                "start": 250,
+                "end": 251
             },
             "context": {
                 "type": "variable",
@@ -34422,8 +34422,8 @@
                 "value": "12px",
                 "scope": "default",
                 "line": {
-                    "start": 251,
-                    "end": 251
+                    "start": 252,
+                    "end": 252
                 }
             },
             "group": [
@@ -34440,8 +34440,8 @@
         {
             "description": "Medium font size across all components.\n",
             "commentRange": {
-                "start": 252,
-                "end": 253
+                "start": 253,
+                "end": 254
             },
             "context": {
                 "type": "variable",
@@ -34449,8 +34449,8 @@
                 "value": "$kendo-font-size",
                 "scope": "default",
                 "line": {
-                    "start": 254,
-                    "end": 254
+                    "start": 255,
+                    "end": 255
                 }
             },
             "group": [
@@ -34467,8 +34467,8 @@
         {
             "description": "Large font size across all components.\n",
             "commentRange": {
-                "start": 255,
-                "end": 256
+                "start": 256,
+                "end": 257
             },
             "context": {
                 "type": "variable",
@@ -34476,8 +34476,8 @@
                 "value": "16px",
                 "scope": "default",
                 "line": {
-                    "start": 257,
-                    "end": 257
+                    "start": 258,
+                    "end": 258
                 }
             },
             "group": [
@@ -34494,8 +34494,8 @@
         {
             "description": "Extra large font size across all components.\n",
             "commentRange": {
-                "start": 258,
-                "end": 259
+                "start": 259,
+                "end": 260
             },
             "context": {
                 "type": "variable",
@@ -34503,8 +34503,8 @@
                 "value": "20px",
                 "scope": "default",
                 "line": {
-                    "start": 260,
-                    "end": 260
+                    "start": 261,
+                    "end": 261
                 }
             },
             "group": [
@@ -34521,8 +34521,8 @@
         {
             "description": "Font family for text.\n",
             "commentRange": {
-                "start": 270,
-                "end": 271
+                "start": 271,
+                "end": 272
             },
             "context": {
                 "type": "variable",
@@ -34530,8 +34530,8 @@
                 "value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
                 "scope": "default",
                 "line": {
-                    "start": 272,
-                    "end": 272
+                    "start": 273,
+                    "end": 273
                 }
             },
             "group": [
@@ -34548,8 +34548,8 @@
         {
             "description": "Font family for monospaced text. Used for styling the code.\n",
             "commentRange": {
-                "start": 274,
-                "end": 275
+                "start": 275,
+                "end": 276
             },
             "context": {
                 "type": "variable",
@@ -34557,8 +34557,8 @@
                 "value": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace",
                 "scope": "default",
                 "line": {
-                    "start": 276,
-                    "end": 276
+                    "start": 277,
+                    "end": 277
                 }
             },
             "group": [
@@ -34575,8 +34575,8 @@
         {
             "description": "Font family across all components.\n",
             "commentRange": {
-                "start": 278,
-                "end": 279
+                "start": 279,
+                "end": 280
             },
             "context": {
                 "type": "variable",
@@ -34584,8 +34584,8 @@
                 "value": "inherit",
                 "scope": "default",
                 "line": {
-                    "start": 280,
-                    "end": 280
+                    "start": 281,
+                    "end": 281
                 }
             },
             "group": [
@@ -34602,8 +34602,8 @@
         {
             "description": "Line height used along with $kendo-font-size.\n",
             "commentRange": {
-                "start": 282,
-                "end": 283
+                "start": 283,
+                "end": 284
             },
             "context": {
                 "type": "variable",
@@ -34611,8 +34611,8 @@
                 "value": "k-math-div( 20, 14 )",
                 "scope": "default",
                 "line": {
-                    "start": 284,
-                    "end": 284
+                    "start": 285,
+                    "end": 285
                 }
             },
             "group": [
@@ -34629,8 +34629,8 @@
         {
             "description": "Extra small line height used along with $kendo-font-size-xs.\n",
             "commentRange": {
-                "start": 285,
-                "end": 286
+                "start": 286,
+                "end": 287
             },
             "context": {
                 "type": "variable",
@@ -34638,8 +34638,8 @@
                 "value": "1",
                 "scope": "default",
                 "line": {
-                    "start": 287,
-                    "end": 287
+                    "start": 288,
+                    "end": 288
                 }
             },
             "group": [
@@ -34656,8 +34656,8 @@
         {
             "description": "Small line height used along with $kendo-font-size-sm.\n",
             "commentRange": {
-                "start": 288,
-                "end": 289
+                "start": 289,
+                "end": 290
             },
             "context": {
                 "type": "variable",
@@ -34665,8 +34665,8 @@
                 "value": "1.25",
                 "scope": "default",
                 "line": {
-                    "start": 290,
-                    "end": 290
+                    "start": 291,
+                    "end": 291
                 }
             },
             "group": [
@@ -34683,8 +34683,8 @@
         {
             "description": "Medium line height used along with $kendo-font-size-md.\n",
             "commentRange": {
-                "start": 291,
-                "end": 292
+                "start": 292,
+                "end": 293
             },
             "context": {
                 "type": "variable",
@@ -34692,8 +34692,8 @@
                 "value": "$kendo-line-height",
                 "scope": "default",
                 "line": {
-                    "start": 293,
-                    "end": 293
+                    "start": 294,
+                    "end": 294
                 }
             },
             "group": [
@@ -34710,8 +34710,8 @@
         {
             "description": "Large line height used along with $kendo-font-size-lg.\n",
             "commentRange": {
-                "start": 294,
-                "end": 295
+                "start": 295,
+                "end": 296
             },
             "context": {
                 "type": "variable",
@@ -34719,8 +34719,8 @@
                 "value": "1.5",
                 "scope": "default",
                 "line": {
-                    "start": 296,
-                    "end": 296
+                    "start": 297,
+                    "end": 297
                 }
             },
             "group": [
@@ -34737,8 +34737,8 @@
         {
             "description": "Light font weight.\n",
             "commentRange": {
-                "start": 299,
-                "end": 300
+                "start": 300,
+                "end": 301
             },
             "context": {
                 "type": "variable",
@@ -34746,8 +34746,8 @@
                 "value": "300",
                 "scope": "default",
                 "line": {
-                    "start": 301,
-                    "end": 301
+                    "start": 302,
+                    "end": 302
                 }
             },
             "group": [
@@ -34764,8 +34764,8 @@
         {
             "description": "Normal font weight.\n",
             "commentRange": {
-                "start": 302,
-                "end": 303
+                "start": 303,
+                "end": 304
             },
             "context": {
                 "type": "variable",
@@ -34773,8 +34773,8 @@
                 "value": "400",
                 "scope": "default",
                 "line": {
-                    "start": 304,
-                    "end": 304
+                    "start": 305,
+                    "end": 305
                 }
             },
             "group": [
@@ -34791,8 +34791,8 @@
         {
             "description": "Medium font weight.\n",
             "commentRange": {
-                "start": 305,
-                "end": 306
+                "start": 306,
+                "end": 307
             },
             "context": {
                 "type": "variable",
@@ -34800,8 +34800,8 @@
                 "value": "500",
                 "scope": "default",
                 "line": {
-                    "start": 307,
-                    "end": 307
+                    "start": 308,
+                    "end": 308
                 }
             },
             "group": [
@@ -34818,8 +34818,8 @@
         {
             "description": "Semibold font weight.\n",
             "commentRange": {
-                "start": 308,
-                "end": 309
+                "start": 309,
+                "end": 310
             },
             "context": {
                 "type": "variable",
@@ -34827,8 +34827,8 @@
                 "value": "600",
                 "scope": "default",
                 "line": {
-                    "start": 310,
-                    "end": 310
+                    "start": 311,
+                    "end": 311
                 }
             },
             "group": [
@@ -34845,8 +34845,8 @@
         {
             "description": "Bold font weight.\n",
             "commentRange": {
-                "start": 311,
-                "end": 312
+                "start": 312,
+                "end": 313
             },
             "context": {
                 "type": "variable",
@@ -34854,8 +34854,8 @@
                 "value": "700",
                 "scope": "default",
                 "line": {
-                    "start": 313,
-                    "end": 313
+                    "start": 314,
+                    "end": 314
                 }
             },
             "group": [
@@ -34872,8 +34872,8 @@
         {
             "description": "Letter spacing.\n",
             "commentRange": {
-                "start": 315,
-                "end": 316
+                "start": 316,
+                "end": 317
             },
             "context": {
                 "type": "variable",
@@ -34881,8 +34881,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 317,
-                    "end": 317
+                    "start": 318,
+                    "end": 318
                 }
             },
             "group": [
@@ -34899,8 +34899,8 @@
         {
             "description": "The background of the components' chrome area.\n",
             "commentRange": {
-                "start": 363,
-                "end": 363
+                "start": 364,
+                "end": 364
             },
             "context": {
                 "type": "variable",
@@ -34908,8 +34908,8 @@
                 "value": "#fafafa",
                 "scope": "default",
                 "line": {
-                    "start": 364,
-                    "end": 364
+                    "start": 365,
+                    "end": 365
                 }
             },
             "access": "public",
@@ -34926,8 +34926,8 @@
         {
             "description": "The text color of the components' chrome area.\n",
             "commentRange": {
-                "start": 365,
-                "end": 365
+                "start": 366,
+                "end": 366
             },
             "context": {
                 "type": "variable",
@@ -34935,8 +34935,8 @@
                 "value": "$kendo-body-text",
                 "scope": "default",
                 "line": {
-                    "start": 366,
-                    "end": 366
+                    "start": 367,
+                    "end": 367
                 }
             },
             "access": "public",
@@ -34953,8 +34953,8 @@
         {
             "description": "The border color of the components' chrome area.\n",
             "commentRange": {
-                "start": 367,
-                "end": 367
+                "start": 368,
+                "end": 368
             },
             "context": {
                 "type": "variable",
@@ -34962,8 +34962,8 @@
                 "value": "rgba( black, .08 )",
                 "scope": "default",
                 "line": {
-                    "start": 368,
-                    "end": 368
+                    "start": 369,
+                    "end": 369
                 }
             },
             "access": "public",
@@ -34980,8 +34980,8 @@
         {
             "description": "The gradient background of the components' chrome area.\n",
             "commentRange": {
-                "start": 369,
-                "end": 369
+                "start": 370,
+                "end": 370
             },
             "context": {
                 "type": "variable",
@@ -34989,8 +34989,8 @@
                 "value": "rgba( black, 0 ), rgba( black, .02 )",
                 "scope": "default",
                 "line": {
-                    "start": 370,
-                    "end": 370
+                    "start": 371,
+                    "end": 371
                 }
             },
             "access": "public",
@@ -35007,8 +35007,8 @@
         {
             "description": "The background of hovered items.\n",
             "commentRange": {
-                "start": 372,
-                "end": 372
+                "start": 373,
+                "end": 373
             },
             "context": {
                 "type": "variable",
@@ -35016,8 +35016,8 @@
                 "value": "k-try-shade( $kendo-base-bg, .5 )",
                 "scope": "default",
                 "line": {
-                    "start": 373,
-                    "end": 373
+                    "start": 374,
+                    "end": 374
                 }
             },
             "access": "public",
@@ -35034,8 +35034,8 @@
         {
             "description": "The text color of hovered items.\n",
             "commentRange": {
-                "start": 374,
-                "end": 374
+                "start": 375,
+                "end": 375
             },
             "context": {
                 "type": "variable",
@@ -35043,8 +35043,8 @@
                 "value": "$kendo-base-text",
                 "scope": "default",
                 "line": {
-                    "start": 375,
-                    "end": 375
+                    "start": 376,
+                    "end": 376
                 }
             },
             "access": "public",
@@ -35061,8 +35061,8 @@
         {
             "description": "The border color of hovered items.\n",
             "commentRange": {
-                "start": 376,
-                "end": 376
+                "start": 377,
+                "end": 377
             },
             "context": {
                 "type": "variable",
@@ -35070,8 +35070,8 @@
                 "value": "$kendo-base-border",
                 "scope": "default",
                 "line": {
-                    "start": 377,
-                    "end": 377
+                    "start": 378,
+                    "end": 378
                 }
             },
             "access": "public",
@@ -35088,8 +35088,8 @@
         {
             "description": "The gradient background of hovered items.\n",
             "commentRange": {
-                "start": 378,
-                "end": 378
+                "start": 379,
+                "end": 379
             },
             "context": {
                 "type": "variable",
@@ -35097,8 +35097,8 @@
                 "value": "$kendo-base-gradient",
                 "scope": "default",
                 "line": {
-                    "start": 379,
-                    "end": 379
+                    "start": 380,
+                    "end": 380
                 }
             },
             "access": "public",
@@ -35115,8 +35115,8 @@
         {
             "description": "The background of selected items.\n",
             "commentRange": {
-                "start": 381,
-                "end": 381
+                "start": 382,
+                "end": 382
             },
             "context": {
                 "type": "variable",
@@ -35124,8 +35124,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 382,
-                    "end": 382
+                    "start": 383,
+                    "end": 383
                 }
             },
             "access": "public",
@@ -35142,8 +35142,8 @@
         {
             "description": "The text color of selected items.\n",
             "commentRange": {
-                "start": 383,
-                "end": 383
+                "start": 384,
+                "end": 384
             },
             "context": {
                 "type": "variable",
@@ -35151,8 +35151,8 @@
                 "value": "k-contrast-legacy( $kendo-selected-bg )",
                 "scope": "default",
                 "line": {
-                    "start": 384,
-                    "end": 384
+                    "start": 385,
+                    "end": 385
                 }
             },
             "access": "public",
@@ -35169,8 +35169,8 @@
         {
             "description": "The border color of selected items.\n",
             "commentRange": {
-                "start": 385,
-                "end": 385
+                "start": 386,
+                "end": 386
             },
             "context": {
                 "type": "variable",
@@ -35178,8 +35178,8 @@
                 "value": "$kendo-base-border",
                 "scope": "default",
                 "line": {
-                    "start": 386,
-                    "end": 386
+                    "start": 387,
+                    "end": 387
                 }
             },
             "access": "public",
@@ -35196,8 +35196,8 @@
         {
             "description": "The gradient background of selected items.\n",
             "commentRange": {
-                "start": 387,
-                "end": 387
+                "start": 388,
+                "end": 388
             },
             "context": {
                 "type": "variable",
@@ -35205,8 +35205,8 @@
                 "value": "$kendo-base-gradient",
                 "scope": "default",
                 "line": {
-                    "start": 388,
-                    "end": 388
+                    "start": 389,
+                    "end": 389
                 }
             },
             "access": "public",
@@ -35223,8 +35223,8 @@
         {
             "description": "The background of selected and hovered items.\n",
             "commentRange": {
-                "start": 390,
-                "end": 390
+                "start": 391,
+                "end": 391
             },
             "context": {
                 "type": "variable",
@@ -35232,8 +35232,8 @@
                 "value": "k-try-shade( $kendo-selected-bg, .5 )",
                 "scope": "default",
                 "line": {
-                    "start": 391,
-                    "end": 391
+                    "start": 392,
+                    "end": 392
                 }
             },
             "access": "public",
@@ -35250,8 +35250,8 @@
         {
             "description": "The text color of selected and hovered items.\n",
             "commentRange": {
-                "start": 392,
-                "end": 392
+                "start": 393,
+                "end": 393
             },
             "context": {
                 "type": "variable",
@@ -35259,8 +35259,8 @@
                 "value": "$kendo-selected-text",
                 "scope": "default",
                 "line": {
-                    "start": 393,
-                    "end": 393
+                    "start": 394,
+                    "end": 394
                 }
             },
             "access": "public",
@@ -35277,8 +35277,8 @@
         {
             "description": "The border of selected and hovered items.\n",
             "commentRange": {
-                "start": 394,
-                "end": 394
+                "start": 395,
+                "end": 395
             },
             "context": {
                 "type": "variable",
@@ -35286,8 +35286,8 @@
                 "value": "$kendo-base-border",
                 "scope": "default",
                 "line": {
-                    "start": 395,
-                    "end": 395
+                    "start": 396,
+                    "end": 396
                 }
             },
             "access": "public",
@@ -35304,8 +35304,8 @@
         {
             "description": "The gradient of selected and hovered items.\n",
             "commentRange": {
-                "start": 396,
-                "end": 396
+                "start": 397,
+                "end": 397
             },
             "context": {
                 "type": "variable",
@@ -35313,8 +35313,8 @@
                 "value": "$kendo-base-gradient",
                 "scope": "default",
                 "line": {
-                    "start": 397,
-                    "end": 397
+                    "start": 398,
+                    "end": 398
                 }
             },
             "access": "public",
@@ -35331,8 +35331,8 @@
         {
             "description": "Box shadow of focused items.\n",
             "commentRange": {
-                "start": 400,
-                "end": 400
+                "start": 401,
+                "end": 401
             },
             "context": {
                 "type": "variable",
@@ -35340,8 +35340,8 @@
                 "value": "inset 0 0 0 2px rgba(0, 0, 0, .13)",
                 "scope": "default",
                 "line": {
-                    "start": 401,
-                    "end": 401
+                    "start": 402,
+                    "end": 402
                 }
             },
             "access": "public",
@@ -35358,8 +35358,8 @@
         {
             "description": "Transition used across all components.\n",
             "commentRange": {
-                "start": 403,
-                "end": 403
+                "start": 404,
+                "end": 404
             },
             "context": {
                 "type": "variable",
@@ -35367,8 +35367,8 @@
                 "value": "color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out",
                 "scope": "default",
                 "line": {
-                    "start": 404,
-                    "end": 404
+                    "start": 405,
+                    "end": 405
                 }
             },
             "access": "public",
@@ -35385,8 +35385,8 @@
         {
             "description": "Text color of disabled items.\n",
             "commentRange": {
-                "start": 407,
-                "end": 407
+                "start": 408,
+                "end": 408
             },
             "context": {
                 "type": "variable",
@@ -35394,8 +35394,8 @@
                 "value": "#8f8f8f",
                 "scope": "default",
                 "line": {
-                    "start": 408,
-                    "end": 408
+                    "start": 409,
+                    "end": 409
                 }
             },
             "access": "public",
@@ -35412,8 +35412,8 @@
         {
             "description": "Filter used for disabled items.\n",
             "commentRange": {
-                "start": 409,
-                "end": 409
+                "start": 410,
+                "end": 410
             },
             "context": {
                 "type": "variable",
@@ -35421,8 +35421,8 @@
                 "value": "grayscale(.1)",
                 "scope": "default",
                 "line": {
-                    "start": 410,
-                    "end": 410
+                    "start": 411,
+                    "end": 411
                 }
             },
             "access": "public",
@@ -35439,8 +35439,8 @@
         {
             "description": "Opacity used for disabled items.\n",
             "commentRange": {
-                "start": 411,
-                "end": 411
+                "start": 412,
+                "end": 412
             },
             "context": {
                 "type": "variable",
@@ -35448,8 +35448,8 @@
                 "value": ".6",
                 "scope": "default",
                 "line": {
-                    "start": 412,
-                    "end": 412
+                    "start": 413,
+                    "end": 413
                 }
             },
             "access": "public",
@@ -37069,8 +37069,8 @@
                 {
                     "description": "Icon size.\n",
                     "commentRange": {
-                        "start": 59,
-                        "end": 60
+                        "start": 60,
+                        "end": 61
                     },
                     "context": {
                         "type": "variable",
@@ -37078,8 +37078,8 @@
                         "value": "16px",
                         "scope": "default",
                         "line": {
-                            "start": 61,
-                            "end": 61
+                            "start": 62,
+                            "end": 62
                         }
                     },
                     "group": [
@@ -37096,8 +37096,8 @@
                 {
                     "description": "xtra small icon size.\n",
                     "commentRange": {
-                        "start": 62,
-                        "end": 63
+                        "start": 63,
+                        "end": 64
                     },
                     "context": {
                         "type": "variable",
@@ -37105,8 +37105,8 @@
                         "value": "calc( #{$kendo-icon-size} * .75 )",
                         "scope": "default",
                         "line": {
-                            "start": 64,
-                            "end": 64
+                            "start": 65,
+                            "end": 65
                         }
                     },
                     "group": [
@@ -37123,8 +37123,8 @@
                 {
                     "description": "Small icon size.\n",
                     "commentRange": {
-                        "start": 65,
-                        "end": 66
+                        "start": 66,
+                        "end": 67
                     },
                     "context": {
                         "type": "variable",
@@ -37132,8 +37132,8 @@
                         "value": "calc( #{$kendo-icon-size} * .875 )",
                         "scope": "default",
                         "line": {
-                            "start": 67,
-                            "end": 67
+                            "start": 68,
+                            "end": 68
                         }
                     },
                     "group": [
@@ -37150,8 +37150,8 @@
                 {
                     "description": "Medium icon size.\n",
                     "commentRange": {
-                        "start": 68,
-                        "end": 69
+                        "start": 69,
+                        "end": 70
                     },
                     "context": {
                         "type": "variable",
@@ -37159,8 +37159,8 @@
                         "value": "$kendo-icon-size",
                         "scope": "default",
                         "line": {
-                            "start": 70,
-                            "end": 70
+                            "start": 71,
+                            "end": 71
                         }
                     },
                     "group": [
@@ -37177,8 +37177,8 @@
                 {
                     "description": "Large icon size.\n",
                     "commentRange": {
-                        "start": 71,
-                        "end": 72
+                        "start": 72,
+                        "end": 73
                     },
                     "context": {
                         "type": "variable",
@@ -37186,8 +37186,8 @@
                         "value": "calc( #{$kendo-icon-size} * 1.25 )",
                         "scope": "default",
                         "line": {
-                            "start": 73,
-                            "end": 73
+                            "start": 74,
+                            "end": 74
                         }
                     },
                     "group": [
@@ -37204,8 +37204,8 @@
                 {
                     "description": "Extra large icon size.\n",
                     "commentRange": {
-                        "start": 74,
-                        "end": 75
+                        "start": 75,
+                        "end": 76
                     },
                     "context": {
                         "type": "variable",
@@ -37213,8 +37213,8 @@
                         "value": "calc( #{$kendo-icon-size} * 1.5 )",
                         "scope": "default",
                         "line": {
-                            "start": 76,
-                            "end": 76
+                            "start": 77,
+                            "end": 77
                         }
                     },
                     "group": [
@@ -37231,8 +37231,8 @@
                 {
                     "description": "Double extra large icon size.\n",
                     "commentRange": {
-                        "start": 77,
-                        "end": 78
+                        "start": 78,
+                        "end": 79
                     },
                     "context": {
                         "type": "variable",
@@ -37240,8 +37240,8 @@
                         "value": "calc( #{$kendo-icon-size} * 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 79,
-                            "end": 79
+                            "start": 80,
+                            "end": 80
                         }
                     },
                     "group": [
@@ -37258,8 +37258,8 @@
                 {
                     "description": "Triple extra large icon size.\n",
                     "commentRange": {
-                        "start": 80,
-                        "end": 81
+                        "start": 81,
+                        "end": 82
                     },
                     "context": {
                         "type": "variable",
@@ -37267,8 +37267,8 @@
                         "value": "calc( #{$kendo-icon-size} * 3 )",
                         "scope": "default",
                         "line": {
-                            "start": 82,
-                            "end": 82
+                            "start": 83,
+                            "end": 83
                         }
                     },
                     "group": [
@@ -37285,8 +37285,8 @@
                 {
                     "description": "Horizontal padding.\n",
                     "commentRange": {
-                        "start": 87,
-                        "end": 88
+                        "start": 88,
+                        "end": 89
                     },
                     "context": {
                         "type": "variable",
@@ -37294,8 +37294,8 @@
                         "value": "8px",
                         "scope": "default",
                         "line": {
-                            "start": 89,
-                            "end": 89
+                            "start": 90,
+                            "end": 90
                         }
                     },
                     "group": [
@@ -37312,8 +37312,8 @@
                 {
                     "description": "Vertical padding.\n",
                     "commentRange": {
-                        "start": 90,
-                        "end": 91
+                        "start": 91,
+                        "end": 92
                     },
                     "context": {
                         "type": "variable",
@@ -37321,8 +37321,8 @@
                         "value": "4px",
                         "scope": "default",
                         "line": {
-                            "start": 92,
-                            "end": 92
+                            "start": 93,
+                            "end": 93
                         }
                     },
                     "group": [
@@ -37339,8 +37339,8 @@
                 {
                     "description": "Small horizontal padding.\n",
                     "commentRange": {
-                        "start": 93,
-                        "end": 94
+                        "start": 94,
+                        "end": 95
                     },
                     "context": {
                         "type": "variable",
@@ -37348,8 +37348,8 @@
                         "value": "k-map-get( $kendo-spacing, 1 )",
                         "scope": "default",
                         "line": {
-                            "start": 95,
-                            "end": 95
+                            "start": 96,
+                            "end": 96
                         }
                     },
                     "group": [
@@ -37366,8 +37366,8 @@
                 {
                     "description": "Small vertical padding.\n",
                     "commentRange": {
-                        "start": 96,
-                        "end": 97
+                        "start": 97,
+                        "end": 98
                     },
                     "context": {
                         "type": "variable",
@@ -37375,8 +37375,8 @@
                         "value": "k-map-get( $kendo-spacing, 0.5 )",
                         "scope": "default",
                         "line": {
-                            "start": 98,
-                            "end": 98
+                            "start": 99,
+                            "end": 99
                         }
                     },
                     "group": [
@@ -37393,8 +37393,8 @@
                 {
                     "description": "Medium horizontal padding.\n",
                     "commentRange": {
-                        "start": 99,
-                        "end": 100
+                        "start": 100,
+                        "end": 101
                     },
                     "context": {
                         "type": "variable",
@@ -37402,8 +37402,8 @@
                         "value": "k-map-get( $kendo-spacing, 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 101,
-                            "end": 101
+                            "start": 102,
+                            "end": 102
                         }
                     },
                     "group": [
@@ -37420,8 +37420,8 @@
                 {
                     "description": "Medium vertical padding.\n",
                     "commentRange": {
-                        "start": 102,
-                        "end": 103
+                        "start": 103,
+                        "end": 104
                     },
                     "context": {
                         "type": "variable",
@@ -37429,8 +37429,8 @@
                         "value": "k-map-get( $kendo-spacing, 1 )",
                         "scope": "default",
                         "line": {
-                            "start": 104,
-                            "end": 104
+                            "start": 105,
+                            "end": 105
                         }
                     },
                     "group": [
@@ -37447,8 +37447,8 @@
                 {
                     "description": "Large horizontal padding.\n",
                     "commentRange": {
-                        "start": 105,
-                        "end": 106
+                        "start": 106,
+                        "end": 107
                     },
                     "context": {
                         "type": "variable",
@@ -37456,8 +37456,8 @@
                         "value": "k-map-get( $kendo-spacing, 3 )",
                         "scope": "default",
                         "line": {
-                            "start": 107,
-                            "end": 107
+                            "start": 108,
+                            "end": 108
                         }
                     },
                     "group": [
@@ -37474,8 +37474,8 @@
                 {
                     "description": "Large vertical padding.\n",
                     "commentRange": {
-                        "start": 108,
-                        "end": 109
+                        "start": 109,
+                        "end": 110
                     },
                     "context": {
                         "type": "variable",
@@ -37483,8 +37483,8 @@
                         "value": "k-map-get( $kendo-spacing, 1.5 )",
                         "scope": "default",
                         "line": {
-                            "start": 110,
-                            "end": 110
+                            "start": 111,
+                            "end": 111
                         }
                     },
                     "group": [
@@ -37501,8 +37501,8 @@
                 {
                     "description": "Border radius for all components.\n",
                     "commentRange": {
-                        "start": 112,
-                        "end": 113
+                        "start": 113,
+                        "end": 114
                     },
                     "context": {
                         "type": "variable",
@@ -37510,8 +37510,8 @@
                         "value": "k-map-get( $kendo-spacing, 1 )",
                         "scope": "default",
                         "line": {
-                            "start": 114,
-                            "end": 114
+                            "start": 115,
+                            "end": 115
                         }
                     },
                     "group": [
@@ -37528,8 +37528,8 @@
                 {
                     "description": "Small border radius.\n",
                     "commentRange": {
-                        "start": 115,
-                        "end": 116
+                        "start": 116,
+                        "end": 117
                     },
                     "context": {
                         "type": "variable",
@@ -37537,8 +37537,8 @@
                         "value": "$kendo-border-radius - k-map-get( $kendo-spacing, 0.5 )",
                         "scope": "default",
                         "line": {
-                            "start": 117,
-                            "end": 117
+                            "start": 118,
+                            "end": 118
                         }
                     },
                     "group": [
@@ -37555,8 +37555,8 @@
                 {
                     "description": "Medium border radius.\n",
                     "commentRange": {
-                        "start": 118,
-                        "end": 119
+                        "start": 119,
+                        "end": 120
                     },
                     "context": {
                         "type": "variable",
@@ -37564,8 +37564,8 @@
                         "value": "$kendo-border-radius",
                         "scope": "default",
                         "line": {
-                            "start": 120,
-                            "end": 120
+                            "start": 121,
+                            "end": 121
                         }
                     },
                     "group": [
@@ -37582,8 +37582,8 @@
                 {
                     "description": "Large border radius.\n",
                     "commentRange": {
-                        "start": 121,
-                        "end": 122
+                        "start": 122,
+                        "end": 123
                     },
                     "context": {
                         "type": "variable",
@@ -37591,8 +37591,8 @@
                         "value": "$kendo-border-radius + k-map-get( $kendo-spacing, 0.5 )",
                         "scope": "default",
                         "line": {
-                            "start": 123,
-                            "end": 123
+                            "start": 124,
+                            "end": 124
                         }
                     },
                     "group": [
@@ -37609,8 +37609,8 @@
                 {
                     "description": "Background color of the body.\n",
                     "commentRange": {
-                        "start": 322,
-                        "end": 323
+                        "start": 323,
+                        "end": 324
                     },
                     "context": {
                         "type": "variable",
@@ -37618,8 +37618,8 @@
                         "value": "$kendo-color-white",
                         "scope": "default",
                         "line": {
-                            "start": 324,
-                            "end": 324
+                            "start": 325,
+                            "end": 325
                         }
                     },
                     "group": [
@@ -37636,8 +37636,8 @@
                 {
                     "description": "Text color of the body.\n",
                     "commentRange": {
-                        "start": 325,
-                        "end": 326
+                        "start": 326,
+                        "end": 327
                     },
                     "context": {
                         "type": "variable",
@@ -37645,8 +37645,8 @@
                         "value": "#424242",
                         "scope": "default",
                         "line": {
-                            "start": 327,
-                            "end": 327
+                            "start": 328,
+                            "end": 328
                         }
                     },
                     "group": [
@@ -37663,8 +37663,8 @@
                 {
                     "description": "Subtle text color.\n",
                     "commentRange": {
-                        "start": 329,
-                        "end": 330
+                        "start": 330,
+                        "end": 331
                     },
                     "context": {
                         "type": "variable",
@@ -37672,8 +37672,8 @@
                         "value": "#666666",
                         "scope": "default",
                         "line": {
-                            "start": 331,
-                            "end": 331
+                            "start": 332,
+                            "end": 332
                         }
                     },
                     "group": [
@@ -37690,8 +37690,8 @@
                 {
                     "description": "Text color of the links.\n",
                     "commentRange": {
-                        "start": 338,
-                        "end": 339
+                        "start": 339,
+                        "end": 340
                     },
                     "context": {
                         "type": "variable",
@@ -37699,8 +37699,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 340,
-                            "end": 340
+                            "start": 341,
+                            "end": 341
                         }
                     },
                     "group": [
@@ -37717,8 +37717,8 @@
                 {
                     "description": "Text color of the links on hover.\n",
                     "commentRange": {
-                        "start": 341,
-                        "end": 342
+                        "start": 342,
+                        "end": 343
                     },
                     "context": {
                         "type": "variable",
@@ -37726,8 +37726,8 @@
                         "value": "$kendo-color-primary-darker",
                         "scope": "default",
                         "line": {
-                            "start": 343,
-                            "end": 343
+                            "start": 344,
+                            "end": 344
                         }
                     },
                     "group": [
@@ -37744,8 +37744,8 @@
                 {
                     "description": "The background of the components' chrome area.\n",
                     "commentRange": {
-                        "start": 363,
-                        "end": 363
+                        "start": 364,
+                        "end": 364
                     },
                     "context": {
                         "type": "variable",
@@ -37753,8 +37753,8 @@
                         "value": "#fafafa",
                         "scope": "default",
                         "line": {
-                            "start": 364,
-                            "end": 364
+                            "start": 365,
+                            "end": 365
                         }
                     },
                     "access": "public",
@@ -37771,8 +37771,8 @@
                 {
                     "description": "The text color of the components' chrome area.\n",
                     "commentRange": {
-                        "start": 365,
-                        "end": 365
+                        "start": 366,
+                        "end": 366
                     },
                     "context": {
                         "type": "variable",
@@ -37780,8 +37780,8 @@
                         "value": "$kendo-body-text",
                         "scope": "default",
                         "line": {
-                            "start": 366,
-                            "end": 366
+                            "start": 367,
+                            "end": 367
                         }
                     },
                     "access": "public",
@@ -37798,8 +37798,8 @@
                 {
                     "description": "The border color of the components' chrome area.\n",
                     "commentRange": {
-                        "start": 367,
-                        "end": 367
+                        "start": 368,
+                        "end": 368
                     },
                     "context": {
                         "type": "variable",
@@ -37807,8 +37807,8 @@
                         "value": "rgba( black, .08 )",
                         "scope": "default",
                         "line": {
-                            "start": 368,
-                            "end": 368
+                            "start": 369,
+                            "end": 369
                         }
                     },
                     "access": "public",
@@ -37825,8 +37825,8 @@
                 {
                     "description": "The gradient background of the components' chrome area.\n",
                     "commentRange": {
-                        "start": 369,
-                        "end": 369
+                        "start": 370,
+                        "end": 370
                     },
                     "context": {
                         "type": "variable",
@@ -37834,8 +37834,8 @@
                         "value": "rgba( black, 0 ), rgba( black, .02 )",
                         "scope": "default",
                         "line": {
-                            "start": 370,
-                            "end": 370
+                            "start": 371,
+                            "end": 371
                         }
                     },
                     "access": "public",
@@ -37852,8 +37852,8 @@
                 {
                     "description": "The background of hovered items.\n",
                     "commentRange": {
-                        "start": 372,
-                        "end": 372
+                        "start": 373,
+                        "end": 373
                     },
                     "context": {
                         "type": "variable",
@@ -37861,8 +37861,8 @@
                         "value": "k-try-shade( $kendo-base-bg, .5 )",
                         "scope": "default",
                         "line": {
-                            "start": 373,
-                            "end": 373
+                            "start": 374,
+                            "end": 374
                         }
                     },
                     "access": "public",
@@ -37879,8 +37879,8 @@
                 {
                     "description": "The text color of hovered items.\n",
                     "commentRange": {
-                        "start": 374,
-                        "end": 374
+                        "start": 375,
+                        "end": 375
                     },
                     "context": {
                         "type": "variable",
@@ -37888,8 +37888,8 @@
                         "value": "$kendo-base-text",
                         "scope": "default",
                         "line": {
-                            "start": 375,
-                            "end": 375
+                            "start": 376,
+                            "end": 376
                         }
                     },
                     "access": "public",
@@ -37906,8 +37906,8 @@
                 {
                     "description": "The border color of hovered items.\n",
                     "commentRange": {
-                        "start": 376,
-                        "end": 376
+                        "start": 377,
+                        "end": 377
                     },
                     "context": {
                         "type": "variable",
@@ -37915,8 +37915,8 @@
                         "value": "$kendo-base-border",
                         "scope": "default",
                         "line": {
-                            "start": 377,
-                            "end": 377
+                            "start": 378,
+                            "end": 378
                         }
                     },
                     "access": "public",
@@ -37933,8 +37933,8 @@
                 {
                     "description": "The gradient background of hovered items.\n",
                     "commentRange": {
-                        "start": 378,
-                        "end": 378
+                        "start": 379,
+                        "end": 379
                     },
                     "context": {
                         "type": "variable",
@@ -37942,8 +37942,8 @@
                         "value": "$kendo-base-gradient",
                         "scope": "default",
                         "line": {
-                            "start": 379,
-                            "end": 379
+                            "start": 380,
+                            "end": 380
                         }
                     },
                     "access": "public",
@@ -37960,8 +37960,8 @@
                 {
                     "description": "The background of selected items.\n",
                     "commentRange": {
-                        "start": 381,
-                        "end": 381
+                        "start": 382,
+                        "end": 382
                     },
                     "context": {
                         "type": "variable",
@@ -37969,8 +37969,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 382,
-                            "end": 382
+                            "start": 383,
+                            "end": 383
                         }
                     },
                     "access": "public",
@@ -37987,8 +37987,8 @@
                 {
                     "description": "The text color of selected items.\n",
                     "commentRange": {
-                        "start": 383,
-                        "end": 383
+                        "start": 384,
+                        "end": 384
                     },
                     "context": {
                         "type": "variable",
@@ -37996,8 +37996,8 @@
                         "value": "k-contrast-legacy( $kendo-selected-bg )",
                         "scope": "default",
                         "line": {
-                            "start": 384,
-                            "end": 384
+                            "start": 385,
+                            "end": 385
                         }
                     },
                     "access": "public",
@@ -38014,8 +38014,8 @@
                 {
                     "description": "The border color of selected items.\n",
                     "commentRange": {
-                        "start": 385,
-                        "end": 385
+                        "start": 386,
+                        "end": 386
                     },
                     "context": {
                         "type": "variable",
@@ -38023,8 +38023,8 @@
                         "value": "$kendo-base-border",
                         "scope": "default",
                         "line": {
-                            "start": 386,
-                            "end": 386
+                            "start": 387,
+                            "end": 387
                         }
                     },
                     "access": "public",
@@ -38041,8 +38041,8 @@
                 {
                     "description": "The gradient background of selected items.\n",
                     "commentRange": {
-                        "start": 387,
-                        "end": 387
+                        "start": 388,
+                        "end": 388
                     },
                     "context": {
                         "type": "variable",
@@ -38050,8 +38050,8 @@
                         "value": "$kendo-base-gradient",
                         "scope": "default",
                         "line": {
-                            "start": 388,
-                            "end": 388
+                            "start": 389,
+                            "end": 389
                         }
                     },
                     "access": "public",
@@ -38068,8 +38068,8 @@
                 {
                     "description": "The background of selected and hovered items.\n",
                     "commentRange": {
-                        "start": 390,
-                        "end": 390
+                        "start": 391,
+                        "end": 391
                     },
                     "context": {
                         "type": "variable",
@@ -38077,8 +38077,8 @@
                         "value": "k-try-shade( $kendo-selected-bg, .5 )",
                         "scope": "default",
                         "line": {
-                            "start": 391,
-                            "end": 391
+                            "start": 392,
+                            "end": 392
                         }
                     },
                     "access": "public",
@@ -38095,8 +38095,8 @@
                 {
                     "description": "The text color of selected and hovered items.\n",
                     "commentRange": {
-                        "start": 392,
-                        "end": 392
+                        "start": 393,
+                        "end": 393
                     },
                     "context": {
                         "type": "variable",
@@ -38104,8 +38104,8 @@
                         "value": "$kendo-selected-text",
                         "scope": "default",
                         "line": {
-                            "start": 393,
-                            "end": 393
+                            "start": 394,
+                            "end": 394
                         }
                     },
                     "access": "public",
@@ -38122,8 +38122,8 @@
                 {
                     "description": "The border of selected and hovered items.\n",
                     "commentRange": {
-                        "start": 394,
-                        "end": 394
+                        "start": 395,
+                        "end": 395
                     },
                     "context": {
                         "type": "variable",
@@ -38131,8 +38131,8 @@
                         "value": "$kendo-base-border",
                         "scope": "default",
                         "line": {
-                            "start": 395,
-                            "end": 395
+                            "start": 396,
+                            "end": 396
                         }
                     },
                     "access": "public",
@@ -38149,8 +38149,8 @@
                 {
                     "description": "The gradient of selected and hovered items.\n",
                     "commentRange": {
-                        "start": 396,
-                        "end": 396
+                        "start": 397,
+                        "end": 397
                     },
                     "context": {
                         "type": "variable",
@@ -38158,8 +38158,8 @@
                         "value": "$kendo-base-gradient",
                         "scope": "default",
                         "line": {
-                            "start": 397,
-                            "end": 397
+                            "start": 398,
+                            "end": 398
                         }
                     },
                     "access": "public",
@@ -38176,8 +38176,8 @@
                 {
                     "description": "Box shadow of focused items.\n",
                     "commentRange": {
-                        "start": 400,
-                        "end": 400
+                        "start": 401,
+                        "end": 401
                     },
                     "context": {
                         "type": "variable",
@@ -38185,8 +38185,8 @@
                         "value": "inset 0 0 0 2px rgba(0, 0, 0, .13)",
                         "scope": "default",
                         "line": {
-                            "start": 401,
-                            "end": 401
+                            "start": 402,
+                            "end": 402
                         }
                     },
                     "access": "public",
@@ -38203,8 +38203,8 @@
                 {
                     "description": "Transition used across all components.\n",
                     "commentRange": {
-                        "start": 403,
-                        "end": 403
+                        "start": 404,
+                        "end": 404
                     },
                     "context": {
                         "type": "variable",
@@ -38212,8 +38212,8 @@
                         "value": "color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out",
                         "scope": "default",
                         "line": {
-                            "start": 404,
-                            "end": 404
+                            "start": 405,
+                            "end": 405
                         }
                     },
                     "access": "public",
@@ -38230,8 +38230,8 @@
                 {
                     "description": "Text color of disabled items.\n",
                     "commentRange": {
-                        "start": 407,
-                        "end": 407
+                        "start": 408,
+                        "end": 408
                     },
                     "context": {
                         "type": "variable",
@@ -38239,8 +38239,8 @@
                         "value": "#8f8f8f",
                         "scope": "default",
                         "line": {
-                            "start": 408,
-                            "end": 408
+                            "start": 409,
+                            "end": 409
                         }
                     },
                     "access": "public",
@@ -38257,8 +38257,8 @@
                 {
                     "description": "Filter used for disabled items.\n",
                     "commentRange": {
-                        "start": 409,
-                        "end": 409
+                        "start": 410,
+                        "end": 410
                     },
                     "context": {
                         "type": "variable",
@@ -38266,8 +38266,8 @@
                         "value": "grayscale(.1)",
                         "scope": "default",
                         "line": {
-                            "start": 410,
-                            "end": 410
+                            "start": 411,
+                            "end": 411
                         }
                     },
                     "access": "public",
@@ -38284,8 +38284,8 @@
                 {
                     "description": "Opacity used for disabled items.\n",
                     "commentRange": {
-                        "start": 411,
-                        "end": 411
+                        "start": 412,
+                        "end": 412
                     },
                     "context": {
                         "type": "variable",
@@ -38293,8 +38293,8 @@
                         "value": ".6",
                         "scope": "default",
                         "line": {
-                            "start": 412,
-                            "end": 412
+                            "start": 413,
+                            "end": 413
                         }
                     },
                     "access": "public",
@@ -47098,8 +47098,8 @@
                 {
                     "description": "The color that focuses the user attention.\nUsed for primary buttons and for elements of primary importance across the theme.\n",
                     "commentRange": {
-                        "start": 144,
-                        "end": 147
+                        "start": 145,
+                        "end": 148
                     },
                     "context": {
                         "type": "variable",
@@ -47107,8 +47107,8 @@
                         "value": "#ff6358",
                         "scope": "default",
                         "line": {
-                            "start": 148,
-                            "end": 148
+                            "start": 149,
+                            "end": 149
                         }
                     },
                     "group": [
@@ -47126,8 +47126,8 @@
                 {
                     "description": "The color used along with the primary color denoted by $kendo-color-primary.\nUsed to provide contrast between the background and foreground colors.\n",
                     "commentRange": {
-                        "start": 152,
-                        "end": 155
+                        "start": 153,
+                        "end": 156
                     },
                     "context": {
                         "type": "variable",
@@ -47135,8 +47135,8 @@
                         "value": "k-contrast-legacy( $kendo-color-primary )",
                         "scope": "default",
                         "line": {
-                            "start": 156,
-                            "end": 156
+                            "start": 157,
+                            "end": 157
                         }
                     },
                     "group": [
@@ -47154,8 +47154,8 @@
                 {
                     "description": "The secondary color of the theme.\n",
                     "commentRange": {
-                        "start": 158,
-                        "end": 160
+                        "start": 159,
+                        "end": 161
                     },
                     "context": {
                         "type": "variable",
@@ -47163,8 +47163,8 @@
                         "value": "#666666",
                         "scope": "default",
                         "line": {
-                            "start": 161,
-                            "end": 161
+                            "start": 162,
+                            "end": 162
                         }
                     },
                     "group": [
@@ -47182,8 +47182,8 @@
                 {
                     "description": "The color used along with the secondary color denoted by $kendo-color-secondary.\nUsed to provide contrast between the background and foreground colors.\n",
                     "commentRange": {
-                        "start": 165,
-                        "end": 168
+                        "start": 166,
+                        "end": 169
                     },
                     "context": {
                         "type": "variable",
@@ -47191,8 +47191,8 @@
                         "value": "k-contrast-legacy( $kendo-color-secondary )",
                         "scope": "default",
                         "line": {
-                            "start": 169,
-                            "end": 169
+                            "start": 170,
+                            "end": 170
                         }
                     },
                     "group": [
@@ -47210,8 +47210,8 @@
                 {
                     "description": "The tertiary color of the theme.\n",
                     "commentRange": {
-                        "start": 171,
-                        "end": 173
+                        "start": 172,
+                        "end": 174
                     },
                     "context": {
                         "type": "variable",
@@ -47219,8 +47219,8 @@
                         "value": "#03a9f4",
                         "scope": "default",
                         "line": {
-                            "start": 174,
-                            "end": 174
+                            "start": 175,
+                            "end": 175
                         }
                     },
                     "group": [
@@ -47238,8 +47238,8 @@
                 {
                     "description": "The color used along with the tertiary color denoted by $kendo-color-tertiary.\nUsed to provide contrast between the background and foreground colors.\n",
                     "commentRange": {
-                        "start": 178,
-                        "end": 181
+                        "start": 179,
+                        "end": 182
                     },
                     "context": {
                         "type": "variable",
@@ -47247,8 +47247,8 @@
                         "value": "k-contrast-legacy( $kendo-color-tertiary )",
                         "scope": "default",
                         "line": {
-                            "start": 182,
-                            "end": 182
+                            "start": 183,
+                            "end": 183
                         }
                     },
                     "group": [
@@ -47266,8 +47266,8 @@
                 {
                     "description": "The color for informational messages and states.\n",
                     "commentRange": {
-                        "start": 184,
-                        "end": 186
+                        "start": 185,
+                        "end": 187
                     },
                     "context": {
                         "type": "variable",
@@ -47275,8 +47275,8 @@
                         "value": "#0058e9",
                         "scope": "default",
                         "line": {
-                            "start": 187,
-                            "end": 187
+                            "start": 188,
+                            "end": 188
                         }
                     },
                     "group": [
@@ -47294,8 +47294,8 @@
                 {
                     "description": "The color for success messages and states.\n",
                     "commentRange": {
-                        "start": 191,
-                        "end": 193
+                        "start": 192,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -47303,8 +47303,8 @@
                         "value": "#37b400",
                         "scope": "default",
                         "line": {
-                            "start": 194,
-                            "end": 194
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -47322,8 +47322,8 @@
                 {
                     "description": "The color for warning messages and states.\n",
                     "commentRange": {
-                        "start": 198,
-                        "end": 200
+                        "start": 199,
+                        "end": 201
                     },
                     "context": {
                         "type": "variable",
@@ -47331,8 +47331,8 @@
                         "value": "#ffc000",
                         "scope": "default",
                         "line": {
-                            "start": 201,
-                            "end": 201
+                            "start": 202,
+                            "end": 202
                         }
                     },
                     "group": [
@@ -47350,8 +47350,8 @@
                 {
                     "description": "The color for error messages and states.\n",
                     "commentRange": {
-                        "start": 205,
-                        "end": 207
+                        "start": 206,
+                        "end": 208
                     },
                     "context": {
                         "type": "variable",
@@ -47359,8 +47359,8 @@
                         "value": "#f31700",
                         "scope": "default",
                         "line": {
-                            "start": 208,
-                            "end": 208
+                            "start": 209,
+                            "end": 209
                         }
                     },
                     "group": [
@@ -47378,8 +47378,8 @@
                 {
                     "description": "The dark color of the theme.\n",
                     "commentRange": {
-                        "start": 212,
-                        "end": 214
+                        "start": 213,
+                        "end": 215
                     },
                     "context": {
                         "type": "variable",
@@ -47387,8 +47387,8 @@
                         "value": "#424242",
                         "scope": "default",
                         "line": {
-                            "start": 215,
-                            "end": 215
+                            "start": 216,
+                            "end": 216
                         }
                     },
                     "group": [
@@ -47406,8 +47406,8 @@
                 {
                     "description": "The light color of the theme.\n",
                     "commentRange": {
-                        "start": 217,
-                        "end": 219
+                        "start": 218,
+                        "end": 220
                     },
                     "context": {
                         "type": "variable",
@@ -47415,8 +47415,8 @@
                         "value": "#ebebeb",
                         "scope": "default",
                         "line": {
-                            "start": 220,
-                            "end": 220
+                            "start": 221,
+                            "end": 221
                         }
                     },
                     "group": [
@@ -47434,8 +47434,8 @@
                 {
                     "description": "Inverse color of the theme. Depending on the theme luminance dark or light, it will be light or dark\n",
                     "commentRange": {
-                        "start": 222,
-                        "end": 223
+                        "start": 223,
+                        "end": 224
                     },
                     "context": {
                         "type": "variable",
@@ -47443,8 +47443,8 @@
                         "value": "if( $kendo-is-dark-theme, $kendo-color-light, $kendo-color-dark )",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 225,
+                            "end": 225
                         }
                     },
                     "group": [
@@ -48343,8 +48343,8 @@
                 {
                     "description": "Background color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-bg` e.g. `$kendo-grid-bg: $kendo-component-bg !default;`.\n",
                     "commentRange": {
-                        "start": 349,
-                        "end": 351
+                        "start": 350,
+                        "end": 352
                     },
                     "context": {
                         "type": "variable",
@@ -48352,8 +48352,8 @@
                         "value": "$kendo-body-bg",
                         "scope": "default",
                         "line": {
-                            "start": 352,
-                            "end": 352
+                            "start": 353,
+                            "end": 353
                         }
                     },
                     "group": [
@@ -48370,8 +48370,8 @@
                 {
                     "description": "Text color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-text` e.g. `$kendo-grid-text: $kendo-component-text !default;`.\n",
                     "commentRange": {
-                        "start": 353,
-                        "end": 355
+                        "start": 354,
+                        "end": 356
                     },
                     "context": {
                         "type": "variable",
@@ -48379,8 +48379,8 @@
                         "value": "$kendo-body-text",
                         "scope": "default",
                         "line": {
-                            "start": 356,
-                            "end": 356
+                            "start": 357,
+                            "end": 357
                         }
                     },
                     "group": [
@@ -48397,8 +48397,8 @@
                 {
                     "description": "Border color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-border` e.g. `$kendo-grid-border: $kendo-component-border !default;`.\n",
                     "commentRange": {
-                        "start": 357,
-                        "end": 359
+                        "start": 358,
+                        "end": 360
                     },
                     "context": {
                         "type": "variable",
@@ -48406,8 +48406,8 @@
                         "value": "rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 )",
                         "scope": "default",
                         "line": {
-                            "start": 360,
-                            "end": 360
+                            "start": 361,
+                            "end": 361
                         }
                     },
                     "group": [
@@ -48424,8 +48424,8 @@
                 {
                     "description": "Background color of the component header.\n",
                     "commentRange": {
-                        "start": 422,
-                        "end": 423
+                        "start": 423,
+                        "end": 424
                     },
                     "context": {
                         "type": "variable",
@@ -48433,8 +48433,8 @@
                         "value": "$kendo-base-bg",
                         "scope": "default",
                         "line": {
-                            "start": 424,
-                            "end": 424
+                            "start": 425,
+                            "end": 425
                         }
                     },
                     "group": [
@@ -48451,8 +48451,8 @@
                 {
                     "description": "Text color of the component header.\n",
                     "commentRange": {
-                        "start": 425,
-                        "end": 426
+                        "start": 426,
+                        "end": 427
                     },
                     "context": {
                         "type": "variable",
@@ -48460,8 +48460,8 @@
                         "value": "$kendo-base-text",
                         "scope": "default",
                         "line": {
-                            "start": 427,
-                            "end": 427
+                            "start": 428,
+                            "end": 428
                         }
                     },
                     "group": [
@@ -48478,8 +48478,8 @@
                 {
                     "description": "Border color of the component header.\n",
                     "commentRange": {
-                        "start": 428,
-                        "end": 429
+                        "start": 429,
+                        "end": 430
                     },
                     "context": {
                         "type": "variable",
@@ -48487,8 +48487,8 @@
                         "value": "$kendo-base-border",
                         "scope": "default",
                         "line": {
-                            "start": 430,
-                            "end": 430
+                            "start": 431,
+                            "end": 431
                         }
                     },
                     "group": [
@@ -48505,8 +48505,8 @@
                 {
                     "description": "Gradient of the component header.\n",
                     "commentRange": {
-                        "start": 431,
-                        "end": 432
+                        "start": 432,
+                        "end": 433
                     },
                     "context": {
                         "type": "variable",
@@ -48514,8 +48514,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 433,
-                            "end": 433
+                            "start": 434,
+                            "end": 434
                         }
                     },
                     "group": [
@@ -48532,8 +48532,8 @@
                 {
                     "description": "Background color of the invalid items.\n",
                     "commentRange": {
-                        "start": 436,
-                        "end": 437
+                        "start": 437,
+                        "end": 438
                     },
                     "context": {
                         "type": "variable",
@@ -48541,8 +48541,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 438,
-                            "end": 438
+                            "start": 439,
+                            "end": 439
                         }
                     },
                     "group": [
@@ -48553,14 +48553,14 @@
                         "path": "_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "null",
-                    "resolvedType": "Null"
+                    "resolvedValue": "initial",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "Text color of the invalid items.\n",
                     "commentRange": {
-                        "start": 439,
-                        "end": 440
+                        "start": 440,
+                        "end": 441
                     },
                     "context": {
                         "type": "variable",
@@ -48568,8 +48568,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 441,
-                            "end": 441
+                            "start": 442,
+                            "end": 442
                         }
                     },
                     "group": [
@@ -48586,8 +48586,8 @@
                 {
                     "description": "Border color of the invalid items.\n",
                     "commentRange": {
-                        "start": 442,
-                        "end": 443
+                        "start": 443,
+                        "end": 444
                     },
                     "context": {
                         "type": "variable",
@@ -48595,8 +48595,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 444,
-                            "end": 444
+                            "start": 445,
+                            "end": 445
                         }
                     },
                     "group": [
@@ -48613,8 +48613,8 @@
                 {
                     "description": "Shadow of the invalid items.\n",
                     "commentRange": {
-                        "start": 445,
-                        "end": 446
+                        "start": 446,
+                        "end": 447
                     },
                     "context": {
                         "type": "variable",
@@ -48622,8 +48622,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 447,
-                            "end": 447
+                            "start": 448,
+                            "end": 448
                         }
                     },
                     "group": [
@@ -72274,8 +72274,8 @@
                 {
                     "description": "Base font size across all components.\n",
                     "commentRange": {
-                        "start": 243,
-                        "end": 244
+                        "start": 244,
+                        "end": 245
                     },
                     "context": {
                         "type": "variable",
@@ -72283,8 +72283,8 @@
                         "value": "14px",
                         "scope": "default",
                         "line": {
-                            "start": 245,
-                            "end": 245
+                            "start": 246,
+                            "end": 246
                         }
                     },
                     "group": [
@@ -72301,8 +72301,8 @@
                 {
                     "description": "Extra small font size across all components.\n",
                     "commentRange": {
-                        "start": 246,
-                        "end": 247
+                        "start": 247,
+                        "end": 248
                     },
                     "context": {
                         "type": "variable",
@@ -72310,8 +72310,8 @@
                         "value": "10px",
                         "scope": "default",
                         "line": {
-                            "start": 248,
-                            "end": 248
+                            "start": 249,
+                            "end": 249
                         }
                     },
                     "group": [
@@ -72328,8 +72328,8 @@
                 {
                     "description": "Small font size across all components.\n",
                     "commentRange": {
-                        "start": 249,
-                        "end": 250
+                        "start": 250,
+                        "end": 251
                     },
                     "context": {
                         "type": "variable",
@@ -72337,8 +72337,8 @@
                         "value": "12px",
                         "scope": "default",
                         "line": {
-                            "start": 251,
-                            "end": 251
+                            "start": 252,
+                            "end": 252
                         }
                     },
                     "group": [
@@ -72355,8 +72355,8 @@
                 {
                     "description": "Medium font size across all components.\n",
                     "commentRange": {
-                        "start": 252,
-                        "end": 253
+                        "start": 253,
+                        "end": 254
                     },
                     "context": {
                         "type": "variable",
@@ -72364,8 +72364,8 @@
                         "value": "$kendo-font-size",
                         "scope": "default",
                         "line": {
-                            "start": 254,
-                            "end": 254
+                            "start": 255,
+                            "end": 255
                         }
                     },
                     "group": [
@@ -72382,8 +72382,8 @@
                 {
                     "description": "Large font size across all components.\n",
                     "commentRange": {
-                        "start": 255,
-                        "end": 256
+                        "start": 256,
+                        "end": 257
                     },
                     "context": {
                         "type": "variable",
@@ -72391,8 +72391,8 @@
                         "value": "16px",
                         "scope": "default",
                         "line": {
-                            "start": 257,
-                            "end": 257
+                            "start": 258,
+                            "end": 258
                         }
                     },
                     "group": [
@@ -72409,8 +72409,8 @@
                 {
                     "description": "Extra large font size across all components.\n",
                     "commentRange": {
-                        "start": 258,
-                        "end": 259
+                        "start": 259,
+                        "end": 260
                     },
                     "context": {
                         "type": "variable",
@@ -72418,8 +72418,8 @@
                         "value": "20px",
                         "scope": "default",
                         "line": {
-                            "start": 260,
-                            "end": 260
+                            "start": 261,
+                            "end": 261
                         }
                     },
                     "group": [
@@ -72436,8 +72436,8 @@
                 {
                     "description": "Font family for text.\n",
                     "commentRange": {
-                        "start": 270,
-                        "end": 271
+                        "start": 271,
+                        "end": 272
                     },
                     "context": {
                         "type": "variable",
@@ -72445,8 +72445,8 @@
                         "value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
                         "scope": "default",
                         "line": {
-                            "start": 272,
-                            "end": 272
+                            "start": 273,
+                            "end": 273
                         }
                     },
                     "group": [
@@ -72463,8 +72463,8 @@
                 {
                     "description": "Font family for monospaced text. Used for styling the code.\n",
                     "commentRange": {
-                        "start": 274,
-                        "end": 275
+                        "start": 275,
+                        "end": 276
                     },
                     "context": {
                         "type": "variable",
@@ -72472,8 +72472,8 @@
                         "value": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace",
                         "scope": "default",
                         "line": {
-                            "start": 276,
-                            "end": 276
+                            "start": 277,
+                            "end": 277
                         }
                     },
                     "group": [
@@ -72490,8 +72490,8 @@
                 {
                     "description": "Font family across all components.\n",
                     "commentRange": {
-                        "start": 278,
-                        "end": 279
+                        "start": 279,
+                        "end": 280
                     },
                     "context": {
                         "type": "variable",
@@ -72499,8 +72499,8 @@
                         "value": "inherit",
                         "scope": "default",
                         "line": {
-                            "start": 280,
-                            "end": 280
+                            "start": 281,
+                            "end": 281
                         }
                     },
                     "group": [
@@ -72517,8 +72517,8 @@
                 {
                     "description": "Line height used along with $kendo-font-size.\n",
                     "commentRange": {
-                        "start": 282,
-                        "end": 283
+                        "start": 283,
+                        "end": 284
                     },
                     "context": {
                         "type": "variable",
@@ -72526,8 +72526,8 @@
                         "value": "k-math-div( 20, 14 )",
                         "scope": "default",
                         "line": {
-                            "start": 284,
-                            "end": 284
+                            "start": 285,
+                            "end": 285
                         }
                     },
                     "group": [
@@ -72544,8 +72544,8 @@
                 {
                     "description": "Extra small line height used along with $kendo-font-size-xs.\n",
                     "commentRange": {
-                        "start": 285,
-                        "end": 286
+                        "start": 286,
+                        "end": 287
                     },
                     "context": {
                         "type": "variable",
@@ -72553,8 +72553,8 @@
                         "value": "1",
                         "scope": "default",
                         "line": {
-                            "start": 287,
-                            "end": 287
+                            "start": 288,
+                            "end": 288
                         }
                     },
                     "group": [
@@ -72571,8 +72571,8 @@
                 {
                     "description": "Small line height used along with $kendo-font-size-sm.\n",
                     "commentRange": {
-                        "start": 288,
-                        "end": 289
+                        "start": 289,
+                        "end": 290
                     },
                     "context": {
                         "type": "variable",
@@ -72580,8 +72580,8 @@
                         "value": "1.25",
                         "scope": "default",
                         "line": {
-                            "start": 290,
-                            "end": 290
+                            "start": 291,
+                            "end": 291
                         }
                     },
                     "group": [
@@ -72598,8 +72598,8 @@
                 {
                     "description": "Medium line height used along with $kendo-font-size-md.\n",
                     "commentRange": {
-                        "start": 291,
-                        "end": 292
+                        "start": 292,
+                        "end": 293
                     },
                     "context": {
                         "type": "variable",
@@ -72607,8 +72607,8 @@
                         "value": "$kendo-line-height",
                         "scope": "default",
                         "line": {
-                            "start": 293,
-                            "end": 293
+                            "start": 294,
+                            "end": 294
                         }
                     },
                     "group": [
@@ -72625,8 +72625,8 @@
                 {
                     "description": "Large line height used along with $kendo-font-size-lg.\n",
                     "commentRange": {
-                        "start": 294,
-                        "end": 295
+                        "start": 295,
+                        "end": 296
                     },
                     "context": {
                         "type": "variable",
@@ -72634,8 +72634,8 @@
                         "value": "1.5",
                         "scope": "default",
                         "line": {
-                            "start": 296,
-                            "end": 296
+                            "start": 297,
+                            "end": 297
                         }
                     },
                     "group": [
@@ -72652,8 +72652,8 @@
                 {
                     "description": "Light font weight.\n",
                     "commentRange": {
-                        "start": 299,
-                        "end": 300
+                        "start": 300,
+                        "end": 301
                     },
                     "context": {
                         "type": "variable",
@@ -72661,8 +72661,8 @@
                         "value": "300",
                         "scope": "default",
                         "line": {
-                            "start": 301,
-                            "end": 301
+                            "start": 302,
+                            "end": 302
                         }
                     },
                     "group": [
@@ -72679,8 +72679,8 @@
                 {
                     "description": "Normal font weight.\n",
                     "commentRange": {
-                        "start": 302,
-                        "end": 303
+                        "start": 303,
+                        "end": 304
                     },
                     "context": {
                         "type": "variable",
@@ -72688,8 +72688,8 @@
                         "value": "400",
                         "scope": "default",
                         "line": {
-                            "start": 304,
-                            "end": 304
+                            "start": 305,
+                            "end": 305
                         }
                     },
                     "group": [
@@ -72706,8 +72706,8 @@
                 {
                     "description": "Medium font weight.\n",
                     "commentRange": {
-                        "start": 305,
-                        "end": 306
+                        "start": 306,
+                        "end": 307
                     },
                     "context": {
                         "type": "variable",
@@ -72715,8 +72715,8 @@
                         "value": "500",
                         "scope": "default",
                         "line": {
-                            "start": 307,
-                            "end": 307
+                            "start": 308,
+                            "end": 308
                         }
                     },
                     "group": [
@@ -72733,8 +72733,8 @@
                 {
                     "description": "Semibold font weight.\n",
                     "commentRange": {
-                        "start": 308,
-                        "end": 309
+                        "start": 309,
+                        "end": 310
                     },
                     "context": {
                         "type": "variable",
@@ -72742,8 +72742,8 @@
                         "value": "600",
                         "scope": "default",
                         "line": {
-                            "start": 310,
-                            "end": 310
+                            "start": 311,
+                            "end": 311
                         }
                     },
                     "group": [
@@ -72760,8 +72760,8 @@
                 {
                     "description": "Bold font weight.\n",
                     "commentRange": {
-                        "start": 311,
-                        "end": 312
+                        "start": 312,
+                        "end": 313
                     },
                     "context": {
                         "type": "variable",
@@ -72769,8 +72769,8 @@
                         "value": "700",
                         "scope": "default",
                         "line": {
-                            "start": 313,
-                            "end": 313
+                            "start": 314,
+                            "end": 314
                         }
                     },
                     "group": [
@@ -72787,8 +72787,8 @@
                 {
                     "description": "Letter spacing.\n",
                     "commentRange": {
-                        "start": 315,
-                        "end": 316
+                        "start": 316,
+                        "end": 317
                     },
                     "context": {
                         "type": "variable",
@@ -72796,8 +72796,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 317,
-                            "end": 317
+                            "start": 318,
+                            "end": 318
                         }
                     },
                     "group": [