@progress/kendo-theme-default 6.2.1-dev.8 → 6.3.1-dev.0

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

@@ -4277,8 +4277,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": 143,
-            "end": 146
+            "start": 145,
+            "end": 148
         },
         "context": {
             "type": "variable",
@@ -4286,8 +4286,8 @@
             "value": "#ff6358",
             "scope": "default",
             "line": {
-                "start": 147,
-                "end": 147
+                "start": 149,
+                "end": 149
             }
         },
         "group": [
@@ -4303,8 +4303,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": 151,
-            "end": 154
+            "start": 153,
+            "end": 156
         },
         "context": {
             "type": "variable",
@@ -4312,8 +4312,8 @@
             "value": "k-contrast-legacy( $kendo-color-primary )",
             "scope": "default",
             "line": {
-                "start": 155,
-                "end": 155
+                "start": 157,
+                "end": 157
             }
         },
         "group": [
@@ -4329,8 +4329,8 @@
     {
         "description": "The secondary color of the theme.\n",
         "commentRange": {
-            "start": 157,
-            "end": 159
+            "start": 159,
+            "end": 161
         },
         "context": {
             "type": "variable",
@@ -4338,8 +4338,8 @@
             "value": "#666666",
             "scope": "default",
             "line": {
-                "start": 160,
-                "end": 160
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -4355,8 +4355,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": 164,
-            "end": 167
+            "start": 166,
+            "end": 169
         },
         "context": {
             "type": "variable",
@@ -4364,8 +4364,8 @@
             "value": "k-contrast-legacy( $kendo-color-secondary )",
             "scope": "default",
             "line": {
-                "start": 168,
-                "end": 168
+                "start": 170,
+                "end": 170
             }
         },
         "group": [
@@ -4381,8 +4381,8 @@
     {
         "description": "The tertiary color of the theme.\n",
         "commentRange": {
-            "start": 170,
-            "end": 172
+            "start": 172,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -4390,8 +4390,8 @@
             "value": "#03a9f4",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -4407,8 +4407,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": 177,
-            "end": 180
+            "start": 179,
+            "end": 182
         },
         "context": {
             "type": "variable",
@@ -4416,8 +4416,8 @@
             "value": "k-contrast-legacy( $kendo-color-tertiary )",
             "scope": "default",
             "line": {
-                "start": 181,
-                "end": 181
+                "start": 183,
+                "end": 183
             }
         },
         "group": [
@@ -4433,8 +4433,8 @@
     {
         "description": "The color for informational messages and states.\n",
         "commentRange": {
-            "start": 183,
-            "end": 185
+            "start": 185,
+            "end": 187
         },
         "context": {
             "type": "variable",
@@ -4442,8 +4442,8 @@
             "value": "#0058e9",
             "scope": "default",
             "line": {
-                "start": 186,
-                "end": 186
+                "start": 188,
+                "end": 188
             }
         },
         "group": [
@@ -4459,8 +4459,8 @@
     {
         "description": "The color for success messages and states.\n",
         "commentRange": {
-            "start": 190,
-            "end": 192
+            "start": 192,
+            "end": 194
         },
         "context": {
             "type": "variable",
@@ -4468,8 +4468,8 @@
             "value": "#37b400",
             "scope": "default",
             "line": {
-                "start": 193,
-                "end": 193
+                "start": 195,
+                "end": 195
             }
         },
         "group": [
@@ -4485,8 +4485,8 @@
     {
         "description": "The color for warning messages and states.\n",
         "commentRange": {
-            "start": 197,
-            "end": 199
+            "start": 199,
+            "end": 201
         },
         "context": {
             "type": "variable",
@@ -4494,8 +4494,8 @@
             "value": "#ffc000",
             "scope": "default",
             "line": {
-                "start": 200,
-                "end": 200
+                "start": 202,
+                "end": 202
             }
         },
         "group": [
@@ -4511,8 +4511,8 @@
     {
         "description": "The color for error messages and states.\n",
         "commentRange": {
-            "start": 204,
-            "end": 206
+            "start": 206,
+            "end": 208
         },
         "context": {
             "type": "variable",
@@ -4520,8 +4520,8 @@
             "value": "#f31700",
             "scope": "default",
             "line": {
-                "start": 207,
-                "end": 207
+                "start": 209,
+                "end": 209
             }
         },
         "group": [
@@ -4537,8 +4537,8 @@
     {
         "description": "The dark color of the theme.\n",
         "commentRange": {
-            "start": 211,
-            "end": 213
+            "start": 213,
+            "end": 215
         },
         "context": {
             "type": "variable",
@@ -4546,8 +4546,8 @@
             "value": "#424242",
             "scope": "default",
             "line": {
-                "start": 214,
-                "end": 214
+                "start": 216,
+                "end": 216
             }
         },
         "group": [
@@ -4563,8 +4563,8 @@
     {
         "description": "The light color of the theme.\n",
         "commentRange": {
-            "start": 216,
-            "end": 218
+            "start": 218,
+            "end": 220
         },
         "context": {
             "type": "variable",
@@ -4572,8 +4572,8 @@
             "value": "#ebebeb",
             "scope": "default",
             "line": {
-                "start": 219,
-                "end": 219
+                "start": 221,
+                "end": 221
             }
         },
         "group": [
@@ -4589,8 +4589,8 @@
     {
         "description": "Inverse color of the theme. Depending on the theme luminance dark or light, it will be light or dark\n",
         "commentRange": {
-            "start": 221,
-            "end": 222
+            "start": 223,
+            "end": 224
         },
         "context": {
             "type": "variable",
@@ -4598,8 +4598,8 @@
             "value": "if( $kendo-is-dark-theme, $kendo-color-light, $kendo-color-dark )",
             "scope": "default",
             "line": {
-                "start": 223,
-                "end": 223
+                "start": 225,
+                "end": 225
             }
         },
         "group": [
@@ -4614,8 +4614,8 @@
     {
         "description": "Icon size.\n",
         "commentRange": {
-            "start": 58,
-            "end": 59
+            "start": 60,
+            "end": 61
         },
         "context": {
             "type": "variable",
@@ -4623,8 +4623,8 @@
             "value": "16px",
             "scope": "default",
             "line": {
-                "start": 60,
-                "end": 60
+                "start": 62,
+                "end": 62
             }
         },
         "group": [
@@ -4639,8 +4639,8 @@
     {
         "description": "xtra small icon size.\n",
         "commentRange": {
-            "start": 61,
-            "end": 62
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -4648,8 +4648,8 @@
             "value": "calc( #{$kendo-icon-size} * .75 )",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -4664,8 +4664,8 @@
     {
         "description": "Small icon size.\n",
         "commentRange": {
-            "start": 64,
-            "end": 65
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -4673,8 +4673,8 @@
             "value": "calc( #{$kendo-icon-size} * .875 )",
             "scope": "default",
             "line": {
-                "start": 66,
-                "end": 66
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -4689,8 +4689,8 @@
     {
         "description": "Medium icon size.\n",
         "commentRange": {
-            "start": 67,
-            "end": 68
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
@@ -4698,8 +4698,8 @@
             "value": "$kendo-icon-size",
             "scope": "default",
             "line": {
-                "start": 69,
-                "end": 69
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -4714,8 +4714,8 @@
     {
         "description": "Large icon size.\n",
         "commentRange": {
-            "start": 70,
-            "end": 71
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
@@ -4723,8 +4723,8 @@
             "value": "calc( #{$kendo-icon-size} * 1.25 )",
             "scope": "default",
             "line": {
-                "start": 72,
-                "end": 72
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -4739,8 +4739,8 @@
     {
         "description": "Extra large icon size.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
@@ -4748,8 +4748,8 @@
             "value": "calc( #{$kendo-icon-size} * 1.5 )",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -4764,8 +4764,8 @@
     {
         "description": "Double extra large icon size.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
@@ -4773,8 +4773,8 @@
             "value": "calc( #{$kendo-icon-size} * 2 )",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -4789,8 +4789,8 @@
     {
         "description": "Triple extra large icon size.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -4798,8 +4798,8 @@
             "value": "calc( #{$kendo-icon-size} * 3 )",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -4814,8 +4814,8 @@
     {
         "description": "Horizontal padding.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
@@ -4823,8 +4823,8 @@
             "value": "8px",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
@@ -4839,8 +4839,8 @@
     {
         "description": "Vertical padding.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 91,
+            "end": 92
         },
         "context": {
             "type": "variable",
@@ -4848,8 +4848,8 @@
             "value": "4px",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -4864,8 +4864,8 @@
     {
         "description": "Small horizontal padding.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 94,
+            "end": 95
         },
         "context": {
             "type": "variable",
@@ -4873,8 +4873,8 @@
             "value": "k-map-get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
-                "start": 94,
-                "end": 94
+                "start": 96,
+                "end": 96
             }
         },
         "group": [
@@ -4889,8 +4889,8 @@
     {
         "description": "Small vertical padding.\n",
         "commentRange": {
-            "start": 95,
-            "end": 96
+            "start": 97,
+            "end": 98
         },
         "context": {
             "type": "variable",
@@ -4898,8 +4898,8 @@
             "value": "k-map-get( $kendo-spacing, 0.5 )",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 99,
+                "end": 99
             }
         },
         "group": [
@@ -4914,8 +4914,8 @@
     {
         "description": "Medium horizontal padding.\n",
         "commentRange": {
-            "start": 98,
-            "end": 99
+            "start": 100,
+            "end": 101
         },
         "context": {
             "type": "variable",
@@ -4923,8 +4923,8 @@
             "value": "k-map-get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 100,
-                "end": 100
+                "start": 102,
+                "end": 102
             }
         },
         "group": [
@@ -4939,8 +4939,8 @@
     {
         "description": "Medium vertical padding.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 103,
+            "end": 104
         },
         "context": {
             "type": "variable",
@@ -4948,8 +4948,8 @@
             "value": "k-map-get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
@@ -4964,8 +4964,8 @@
     {
         "description": "Large horizontal padding.\n",
         "commentRange": {
-            "start": 104,
-            "end": 105
+            "start": 106,
+            "end": 107
         },
         "context": {
             "type": "variable",
@@ -4973,8 +4973,8 @@
             "value": "k-map-get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 106,
-                "end": 106
+                "start": 108,
+                "end": 108
             }
         },
         "group": [
@@ -4989,8 +4989,8 @@
     {
         "description": "Large vertical padding.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 109,
+            "end": 110
         },
         "context": {
             "type": "variable",
@@ -4998,8 +4998,8 @@
             "value": "k-map-get( $kendo-spacing, 1.5 )",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 111,
+                "end": 111
             }
         },
         "group": [
@@ -5014,8 +5014,8 @@
     {
         "description": "Border radius for all components.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 113,
+            "end": 114
         },
         "context": {
             "type": "variable",
@@ -5023,8 +5023,8 @@
             "value": "k-map-get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 115,
+                "end": 115
             }
         },
         "group": [
@@ -5039,8 +5039,8 @@
     {
         "description": "Small border radius.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 116,
+            "end": 117
         },
         "context": {
             "type": "variable",
@@ -5048,8 +5048,8 @@
             "value": "$kendo-border-radius - k-map-get( $kendo-spacing, 0.5 )",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 118,
+                "end": 118
             }
         },
         "group": [
@@ -5064,8 +5064,8 @@
     {
         "description": "Medium border radius.\n",
         "commentRange": {
-            "start": 117,
-            "end": 118
+            "start": 119,
+            "end": 120
         },
         "context": {
             "type": "variable",
@@ -5073,8 +5073,8 @@
             "value": "$kendo-border-radius",
             "scope": "default",
             "line": {
-                "start": 119,
-                "end": 119
+                "start": 121,
+                "end": 121
             }
         },
         "group": [
@@ -5089,8 +5089,8 @@
     {
         "description": "Large border radius.\n",
         "commentRange": {
-            "start": 120,
-            "end": 121
+            "start": 122,
+            "end": 123
         },
         "context": {
             "type": "variable",
@@ -5098,8 +5098,8 @@
             "value": "$kendo-border-radius + k-map-get( $kendo-spacing, 0.5 )",
             "scope": "default",
             "line": {
-                "start": 122,
-                "end": 122
+                "start": 124,
+                "end": 124
             }
         },
         "group": [
@@ -5114,8 +5114,8 @@
     {
         "description": "Background color of the body.\n",
         "commentRange": {
-            "start": 321,
-            "end": 322
+            "start": 323,
+            "end": 324
         },
         "context": {
             "type": "variable",
@@ -5123,8 +5123,8 @@
             "value": "$kendo-color-white",
             "scope": "default",
             "line": {
-                "start": 323,
-                "end": 323
+                "start": 325,
+                "end": 325
             }
         },
         "group": [
@@ -5139,8 +5139,8 @@
     {
         "description": "Text color of the body.\n",
         "commentRange": {
-            "start": 324,
-            "end": 325
+            "start": 326,
+            "end": 327
         },
         "context": {
             "type": "variable",
@@ -5148,8 +5148,8 @@
             "value": "#424242",
             "scope": "default",
             "line": {
-                "start": 326,
-                "end": 326
+                "start": 328,
+                "end": 328
             }
         },
         "group": [
@@ -5164,8 +5164,8 @@
     {
         "description": "Subtle text color.\n",
         "commentRange": {
-            "start": 328,
-            "end": 329
+            "start": 330,
+            "end": 331
         },
         "context": {
             "type": "variable",
@@ -5173,8 +5173,8 @@
             "value": "#666666",
             "scope": "default",
             "line": {
-                "start": 330,
-                "end": 330
+                "start": 332,
+                "end": 332
             }
         },
         "group": [
@@ -5189,8 +5189,8 @@
     {
         "description": "Text color of the links.\n",
         "commentRange": {
-            "start": 337,
-            "end": 338
+            "start": 339,
+            "end": 340
         },
         "context": {
             "type": "variable",
@@ -5198,8 +5198,8 @@
             "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 339,
-                "end": 339
+                "start": 341,
+                "end": 341
             }
         },
         "group": [
@@ -5214,8 +5214,8 @@
     {
         "description": "Text color of the links on hover.\n",
         "commentRange": {
-            "start": 340,
-            "end": 341
+            "start": 342,
+            "end": 343
         },
         "context": {
             "type": "variable",
@@ -5223,8 +5223,8 @@
             "value": "$kendo-color-primary-darker",
             "scope": "default",
             "line": {
-                "start": 342,
-                "end": 342
+                "start": 344,
+                "end": 344
             }
         },
         "group": [
@@ -5239,8 +5239,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": 348,
-            "end": 350
+            "start": 350,
+            "end": 352
         },
         "context": {
             "type": "variable",
@@ -5248,8 +5248,8 @@
             "value": "$kendo-body-bg",
             "scope": "default",
             "line": {
-                "start": 351,
-                "end": 351
+                "start": 353,
+                "end": 353
             }
         },
         "group": [
@@ -5264,8 +5264,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": 352,
-            "end": 354
+            "start": 354,
+            "end": 356
         },
         "context": {
             "type": "variable",
@@ -5273,8 +5273,8 @@
             "value": "$kendo-body-text",
             "scope": "default",
             "line": {
-                "start": 355,
-                "end": 355
+                "start": 357,
+                "end": 357
             }
         },
         "group": [
@@ -5289,8 +5289,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": 356,
-            "end": 358
+            "start": 358,
+            "end": 360
         },
         "context": {
             "type": "variable",
@@ -5298,8 +5298,8 @@
             "value": "rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 )",
             "scope": "default",
             "line": {
-                "start": 359,
-                "end": 359
+                "start": 361,
+                "end": 361
             }
         },
         "group": [
@@ -5314,8 +5314,8 @@
     {
         "description": "Background color of the component header.\n",
         "commentRange": {
-            "start": 421,
-            "end": 422
+            "start": 423,
+            "end": 424
         },
         "context": {
             "type": "variable",
@@ -5323,8 +5323,8 @@
             "value": "$kendo-base-bg",
             "scope": "default",
             "line": {
-                "start": 423,
-                "end": 423
+                "start": 425,
+                "end": 425
             }
         },
         "group": [
@@ -5339,8 +5339,8 @@
     {
         "description": "Text color of the component header.\n",
         "commentRange": {
-            "start": 424,
-            "end": 425
+            "start": 426,
+            "end": 427
         },
         "context": {
             "type": "variable",
@@ -5348,8 +5348,8 @@
             "value": "$kendo-base-text",
             "scope": "default",
             "line": {
-                "start": 426,
-                "end": 426
+                "start": 428,
+                "end": 428
             }
         },
         "group": [
@@ -5364,8 +5364,8 @@
     {
         "description": "Border color of the component header.\n",
         "commentRange": {
-            "start": 427,
-            "end": 428
+            "start": 429,
+            "end": 430
         },
         "context": {
             "type": "variable",
@@ -5373,8 +5373,8 @@
             "value": "$kendo-base-border",
             "scope": "default",
             "line": {
-                "start": 429,
-                "end": 429
+                "start": 431,
+                "end": 431
             }
         },
         "group": [
@@ -5389,8 +5389,8 @@
     {
         "description": "Gradient of the component header.\n",
         "commentRange": {
-            "start": 430,
-            "end": 431
+            "start": 432,
+            "end": 433
         },
         "context": {
             "type": "variable",
@@ -5398,8 +5398,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 432,
-                "end": 432
+                "start": 434,
+                "end": 434
             }
         },
         "group": [
@@ -5414,8 +5414,8 @@
     {
         "description": "Background color of the invalid items.\n",
         "commentRange": {
-            "start": 435,
-            "end": 436
+            "start": 437,
+            "end": 438
         },
         "context": {
             "type": "variable",
@@ -5423,8 +5423,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 437,
-                "end": 437
+                "start": 439,
+                "end": 439
             }
         },
         "group": [
@@ -5439,8 +5439,8 @@
     {
         "description": "Text color of the invalid items.\n",
         "commentRange": {
-            "start": 438,
-            "end": 439
+            "start": 440,
+            "end": 441
         },
         "context": {
             "type": "variable",
@@ -5448,8 +5448,8 @@
             "value": "$kendo-color-error",
             "scope": "default",
             "line": {
-                "start": 440,
-                "end": 440
+                "start": 442,
+                "end": 442
             }
         },
         "group": [
@@ -5464,8 +5464,8 @@
     {
         "description": "Border color of the invalid items.\n",
         "commentRange": {
-            "start": 441,
-            "end": 442
+            "start": 443,
+            "end": 444
         },
         "context": {
             "type": "variable",
@@ -5473,8 +5473,8 @@
             "value": "$kendo-color-error",
             "scope": "default",
             "line": {
-                "start": 443,
-                "end": 443
+                "start": 445,
+                "end": 445
             }
         },
         "group": [
@@ -5489,8 +5489,8 @@
     {
         "description": "Shadow of the invalid items.\n",
         "commentRange": {
-            "start": 444,
-            "end": 445
+            "start": 446,
+            "end": 447
         },
         "context": {
             "type": "variable",
@@ -5498,8 +5498,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 446,
-                "end": 446
+                "start": 448,
+                "end": 448
             }
         },
         "group": [
@@ -6162,19 +6162,44 @@
         }
     },
     {
-        "description": "The base shadow of the FAB.\n",
+        "description": "Size map for the FAB.\n",
         "commentRange": {
             "start": 93,
             "end": 94
         },
+        "context": {
+            "type": "variable",
+            "name": "kendo-fab-sizes",
+            "value": "(\n    sm: (\n        padding-x: $kendo-fab-sm-padding-x,\n        padding-y: $kendo-fab-sm-padding-y\n    ),\n    md: (\n        padding-x: $kendo-fab-md-padding-x,\n        padding-y: $kendo-fab-md-padding-y\n    ),\n    lg: (\n        padding-x: $kendo-fab-lg-padding-x,\n        padding-y: $kendo-fab-lg-padding-y\n    )\n)",
+            "scope": "default",
+            "line": {
+                "start": 95,
+                "end": 108
+            }
+        },
+        "group": [
+            "floating-action-button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "fab/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The base shadow of the FAB.\n",
+        "commentRange": {
+            "start": 110,
+            "end": 111
+        },
         "context": {
             "type": "variable",
             "name": "kendo-fab-shadow",
             "value": "0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2)",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 112,
+                "end": 112
             }
         },
         "group": [
@@ -6189,8 +6214,8 @@
     {
         "description": "The disabled shadow of the FAB.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 113,
+            "end": 114
         },
         "context": {
             "type": "variable",
@@ -6198,8 +6223,8 @@
             "value": "0 6px 10px k-try-tint( rgba(0, 0, 0, .14), .5 ), 0 1px 18px k-try-tint( rgba(0, 0, 0, .12), .5 ), 0 3px 5px k-try-tint( rgba(0, 0, 0, .2), .5 )",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 115,
+                "end": 115
             }
         },
         "group": [
@@ -6214,8 +6239,8 @@
     {
         "description": "The active shadow of the FAB.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 116,
+            "end": 117
         },
         "context": {
             "type": "variable",
@@ -6223,8 +6248,58 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 118,
+                "end": 118
+            }
+        },
+        "group": [
+            "floating-action-button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "fab/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline style of the FAB.\n",
+        "commentRange": {
+            "start": 119,
+            "end": 120
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-fab-outline-style",
+            "value": "solid",
+            "scope": "default",
+            "line": {
+                "start": 121,
+                "end": 121
+            }
+        },
+        "group": [
+            "floating-action-button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "fab/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline width of the FAB.\n",
+        "commentRange": {
+            "start": 122,
+            "end": 123
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-fab-outline-width",
+            "value": "k-map-get( $kendo-spacing, 0.5 )",
+            "scope": "default",
+            "line": {
+                "start": 124,
+                "end": 124
             }
         },
         "group": [
@@ -6239,8 +6314,8 @@
     {
         "description": "The base text color of the FAB item.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 126,
+            "end": 127
         },
         "context": {
             "type": "variable",
@@ -6248,8 +6323,8 @@
             "value": "$kendo-component-text",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 128,
+                "end": 128
             }
         },
         "group": [
@@ -6264,8 +6339,8 @@
     {
         "description": "The base background color of the FAB item.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 129,
+            "end": 130
         },
         "context": {
             "type": "variable",
@@ -6273,8 +6348,8 @@
             "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 131,
+                "end": 131
             }
         },
         "group": [
@@ -6289,8 +6364,8 @@
     {
         "description": "The base border color of the FAB item.\n",
         "commentRange": {
-            "start": 109,
-            "end": 110
+            "start": 132,
+            "end": 133
         },
         "context": {
             "type": "variable",
@@ -6298,8 +6373,8 @@
             "value": "$kendo-component-border",
             "scope": "default",
             "line": {
-                "start": 111,
-                "end": 111
+                "start": 134,
+                "end": 134
             }
         },
         "group": [
@@ -6314,8 +6389,8 @@
     {
         "description": "The base text color of the FAB item icon.\n",
         "commentRange": {
-            "start": 113,
-            "end": 114
+            "start": 136,
+            "end": 137
         },
         "context": {
             "type": "variable",
@@ -6323,8 +6398,8 @@
             "value": "$kendo-button-text",
             "scope": "default",
             "line": {
-                "start": 115,
-                "end": 115
+                "start": 138,
+                "end": 138
             }
         },
         "group": [
@@ -6339,8 +6414,8 @@
     {
         "description": "The base background color of the FAB item icon.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 139,
+            "end": 140
         },
         "context": {
             "type": "variable",
@@ -6348,8 +6423,8 @@
             "value": "$kendo-button-bg",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 141,
+                "end": 141
             }
         },
         "group": [
@@ -6364,8 +6439,8 @@
     {
         "description": "The base border color of the FAB item icon.\n",
         "commentRange": {
-            "start": 119,
-            "end": 120
+            "start": 142,
+            "end": 143
         },
         "context": {
             "type": "variable",
@@ -6373,8 +6448,8 @@
             "value": "$kendo-button-border",
             "scope": "default",
             "line": {
-                "start": 121,
-                "end": 121
+                "start": 144,
+                "end": 144
             }
         },
         "group": [
@@ -6389,8 +6464,8 @@
     {
         "description": "The base shadow of the FAB item.\n",
         "commentRange": {
-            "start": 123,
-            "end": 124
+            "start": 146,
+            "end": 147
         },
         "context": {
             "type": "variable",
@@ -6398,8 +6473,8 @@
             "value": "$kendo-fab-shadow",
             "scope": "default",
             "line": {
-                "start": 125,
-                "end": 125
+                "start": 148,
+                "end": 148
             }
         },
         "group": [
@@ -6414,8 +6489,8 @@
     {
         "description": "The disabled shadow of the FAB item.\n",
         "commentRange": {
-            "start": 126,
-            "end": 127
+            "start": 149,
+            "end": 150
         },
         "context": {
             "type": "variable",
@@ -6423,8 +6498,8 @@
             "value": "$kendo-fab-disabled-shadow",
             "scope": "default",
             "line": {
-                "start": 128,
-                "end": 128
+                "start": 151,
+                "end": 151
             }
         },
         "group": [
@@ -6439,8 +6514,8 @@
     {
         "description": "The active shadow of the FAB item.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 152,
+            "end": 153
         },
         "context": {
             "type": "variable",
@@ -6448,8 +6523,83 @@
             "value": "$kendo-fab-active-shadow",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 154,
+                "end": 154
+            }
+        },
+        "group": [
+            "floating-action-button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "fab/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline style of the FAB item.\n",
+        "commentRange": {
+            "start": 155,
+            "end": 156
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-fab-item-outline-style",
+            "value": "solid",
+            "scope": "default",
+            "line": {
+                "start": 157,
+                "end": 157
+            }
+        },
+        "group": [
+            "floating-action-button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "fab/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline width of the FAB item.\n",
+        "commentRange": {
+            "start": 158,
+            "end": 159
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-fab-item-outline-width",
+            "value": "k-map-get( $kendo-spacing, 0.5 )",
+            "scope": "default",
+            "line": {
+                "start": 160,
+                "end": 160
+            }
+        },
+        "group": [
+            "floating-action-button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "fab/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline color of the FAB item.\n",
+        "commentRange": {
+            "start": 161,
+            "end": 162
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-fab-item-outline-color",
+            "value": "rgba(0, 0, 0, .08)",
+            "scope": "default",
+            "line": {
+                "start": 163,
+                "end": 163
             }
         },
         "group": [
@@ -6764,8 +6914,8 @@
     {
         "description": "Background color of the grid component\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 139,
+            "end": 140
         },
         "context": {
             "type": "variable",
@@ -6773,8 +6923,8 @@
             "value": "$kendo-table-bg",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 141,
+                "end": 141
             }
         },
         "group": [
@@ -6789,8 +6939,8 @@
     {
         "description": "Text color of the grid component\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 142,
+            "end": 143
         },
         "context": {
             "type": "variable",
@@ -6798,9 +6948,9 @@
             "value": "$kendo-table-text",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
-            }
+                "start": 144,
+                "end": 144
+            }
         },
         "group": [
             "grid"
@@ -6814,8 +6964,8 @@
     {
         "description": "Border color of the grid component\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 145,
+            "end": 146
         },
         "context": {
             "type": "variable",
@@ -6823,8 +6973,8 @@
             "value": "$kendo-table-border",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 147,
+                "end": 147
             }
         },
         "group": [
@@ -6839,8 +6989,8 @@
     {
         "description": "Background color of grid header\n",
         "commentRange": {
-            "start": 141,
-            "end": 142
+            "start": 149,
+            "end": 150
         },
         "context": {
             "type": "variable",
@@ -6848,8 +6998,8 @@
             "value": "$kendo-table-header-bg",
             "scope": "default",
             "line": {
-                "start": 143,
-                "end": 143
+                "start": 151,
+                "end": 151
             }
         },
         "group": [
@@ -6864,8 +7014,8 @@
     {
         "description": "Text color of grid header\n",
         "commentRange": {
-            "start": 144,
-            "end": 145
+            "start": 152,
+            "end": 153
         },
         "context": {
             "type": "variable",
@@ -6873,8 +7023,8 @@
             "value": "$kendo-table-header-text",
             "scope": "default",
             "line": {
-                "start": 146,
-                "end": 146
+                "start": 154,
+                "end": 154
             }
         },
         "group": [
@@ -6889,8 +7039,8 @@
     {
         "description": "Border color of grid header\n",
         "commentRange": {
-            "start": 147,
-            "end": 148
+            "start": 155,
+            "end": 156
         },
         "context": {
             "type": "variable",
@@ -6898,8 +7048,8 @@
             "value": "$kendo-table-header-border",
             "scope": "default",
             "line": {
-                "start": 149,
-                "end": 149
+                "start": 157,
+                "end": 157
             }
         },
         "group": [
@@ -6914,8 +7064,8 @@
     {
         "description": "Background gradient of grid header\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 158,
+            "end": 159
         },
         "context": {
             "type": "variable",
@@ -6923,8 +7073,8 @@
             "value": "$kendo-table-header-gradient",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 160,
+                "end": 160
             }
         },
         "group": [
@@ -6939,8 +7089,8 @@
     {
         "description": "Background color of grid footer\n",
         "commentRange": {
-            "start": 154,
-            "end": 155
+            "start": 162,
+            "end": 163
         },
         "context": {
             "type": "variable",
@@ -6948,8 +7098,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 156,
-                "end": 156
+                "start": 164,
+                "end": 164
             }
         },
         "group": [
@@ -6964,8 +7114,8 @@
     {
         "description": "Text color of grid footer\n",
         "commentRange": {
-            "start": 157,
-            "end": 158
+            "start": 165,
+            "end": 166
         },
         "context": {
             "type": "variable",
@@ -6973,8 +7123,8 @@
             "value": "$kendo-grid-header-text",
             "scope": "default",
             "line": {
-                "start": 159,
-                "end": 159
+                "start": 167,
+                "end": 167
             }
         },
         "group": [
@@ -6989,8 +7139,8 @@
     {
         "description": "Border color of grid footer\n",
         "commentRange": {
-            "start": 160,
-            "end": 161
+            "start": 168,
+            "end": 169
         },
         "context": {
             "type": "variable",
@@ -6998,8 +7148,8 @@
             "value": "$kendo-grid-header-border",
             "scope": "default",
             "line": {
-                "start": 162,
-                "end": 162
+                "start": 170,
+                "end": 170
             }
         },
         "group": [
@@ -7014,8 +7164,8 @@
     {
         "description": "Background color of alternating rows in grid\n",
         "commentRange": {
-            "start": 164,
-            "end": 165
+            "start": 172,
+            "end": 173
         },
         "context": {
             "type": "variable",
@@ -7023,8 +7173,8 @@
             "value": "$kendo-table-alt-row-bg",
             "scope": "default",
             "line": {
-                "start": 166,
-                "end": 166
+                "start": 174,
+                "end": 174
             }
         },
         "group": [
@@ -7039,8 +7189,8 @@
     {
         "description": "Text color of alternating rows in grid\n",
         "commentRange": {
-            "start": 167,
-            "end": 168
+            "start": 175,
+            "end": 176
         },
         "context": {
             "type": "variable",
@@ -7048,8 +7198,258 @@
             "value": "$kendo-table-alt-row-text",
             "scope": "default",
             "line": {
-                "start": 169,
-                "end": 169
+                "start": 177,
+                "end": 177
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Border color of alternating rows in grid\n",
+        "commentRange": {
+            "start": 178,
+            "end": 179
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-alt-border",
+            "value": "$kendo-table-alt-row-border",
+            "scope": "default",
+            "line": {
+                "start": 180,
+                "end": 180
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Background color of hovered rows in grid\n",
+        "commentRange": {
+            "start": 182,
+            "end": 183
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-hover-bg",
+            "value": "$kendo-table-hover-bg",
+            "scope": "default",
+            "line": {
+                "start": 184,
+                "end": 184
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Text color of hovered rows in grid\n",
+        "commentRange": {
+            "start": 185,
+            "end": 186
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-hover-text",
+            "value": "$kendo-table-hover-text",
+            "scope": "default",
+            "line": {
+                "start": 187,
+                "end": 187
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Border color of hovered rows in grid\n",
+        "commentRange": {
+            "start": 188,
+            "end": 189
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-hover-border",
+            "value": "$kendo-table-hover-border",
+            "scope": "default",
+            "line": {
+                "start": 190,
+                "end": 190
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Background color of selected rows in grid\n",
+        "commentRange": {
+            "start": 192,
+            "end": 193
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-selected-bg",
+            "value": "$kendo-table-selected-bg",
+            "scope": "default",
+            "line": {
+                "start": 194,
+                "end": 194
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Text color of selected rows in grid\n",
+        "commentRange": {
+            "start": 195,
+            "end": 196
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-selected-text",
+            "value": "$kendo-table-selected-text",
+            "scope": "default",
+            "line": {
+                "start": 197,
+                "end": 197
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Border color of selected rows in grid\n",
+        "commentRange": {
+            "start": 198,
+            "end": 199
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-selected-border",
+            "value": "$kendo-table-selected-border",
+            "scope": "default",
+            "line": {
+                "start": 200,
+                "end": 200
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Background color of the selection aggregates container\n",
+        "commentRange": {
+            "start": 202,
+            "end": 203
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-selection-aggregates-bg",
+            "value": "$kendo-grid-header-bg",
+            "scope": "default",
+            "line": {
+                "start": 204,
+                "end": 204
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Text color of the selection aggregates container\n",
+        "commentRange": {
+            "start": 205,
+            "end": 206
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-selection-aggregates-text",
+            "value": "$kendo-grid-text",
+            "scope": "default",
+            "line": {
+                "start": 207,
+                "end": 207
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Border color of the selection aggregates container\n",
+        "commentRange": {
+            "start": 208,
+            "end": 209
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-selection-aggregates-border",
+            "value": "$kendo-grid-border",
+            "scope": "default",
+            "line": {
+                "start": 210,
+                "end": 210
             }
         },
         "group": [
@@ -7062,19 +7462,19 @@
         }
     },
     {
-        "description": "Border color of alternating rows in grid\n",
+        "description": "Border width of the selection aggregates container\n",
         "commentRange": {
-            "start": 170,
-            "end": 171
+            "start": 211,
+            "end": 212
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-alt-border",
-            "value": "$kendo-table-alt-row-border",
+            "name": "kendo-grid-selection-aggregates-border-width",
+            "value": "$kendo-grid-border-width",
             "scope": "default",
             "line": {
-                "start": 172,
-                "end": 172
+                "start": 213,
+                "end": 213
             }
         },
         "group": [
@@ -7087,19 +7487,19 @@
         }
     },
     {
-        "description": "Background color of hovered rows in grid\n",
+        "description": "Spacing between the selection aggregates items\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 214,
+            "end": 215
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-hover-bg",
-            "value": "$kendo-table-hover-bg",
+            "name": "kendo-grid-selection-aggregates-spacing",
+            "value": "k-map-get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 216,
+                "end": 216
             }
         },
         "group": [
@@ -7112,19 +7512,19 @@
         }
     },
     {
-        "description": "Text color of hovered rows in grid\n",
+        "description": "Line height of the selection aggregates container\n",
         "commentRange": {
-            "start": 177,
-            "end": 178
+            "start": 217,
+            "end": 218
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-hover-text",
-            "value": "$kendo-table-hover-text",
+            "name": "kendo-grid-selection-aggregates-line-height",
+            "value": "$kendo-grid-line-height",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 219,
+                "end": 219
             }
         },
         "group": [
@@ -7137,19 +7537,19 @@
         }
     },
     {
-        "description": "Border color of hovered rows in grid\n",
+        "description": "Font weight of the selection aggregates container\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 220,
+            "end": 221
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-hover-border",
-            "value": "$kendo-table-hover-border",
+            "name": "kendo-grid-selection-aggregates-font-weight",
+            "value": "$kendo-font-weight-bold",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 222,
+                "end": 222
             }
         },
         "group": [
@@ -7162,19 +7562,19 @@
         }
     },
     {
-        "description": "Background color of selected rows in grid\n",
+        "description": "Background color of the grid row resize indicator\n",
         "commentRange": {
-            "start": 184,
-            "end": 185
+            "start": 307,
+            "end": 308
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-selected-bg",
-            "value": "$kendo-table-selected-bg",
+            "name": "kendo-grid-row-resizer-hover-bg",
+            "value": "rgba( k-contrast-color( $kendo-grid-bg ), .12 )",
             "scope": "default",
             "line": {
-                "start": 186,
-                "end": 186
+                "start": 309,
+                "end": 309
             }
         },
         "group": [
@@ -7187,19 +7587,19 @@
         }
     },
     {
-        "description": "Text color of selected rows in grid\n",
+        "description": "Active background color of the grid row resize indicator\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 310,
+            "end": 311
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-selected-text",
-            "value": "$kendo-table-selected-text",
+            "name": "kendo-grid-row-resizer-active-bg",
+            "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 312,
+                "end": 312
             }
         },
         "group": [
@@ -7212,19 +7612,19 @@
         }
     },
     {
-        "description": "Border color of selected rows in grid\n",
+        "description": "Height of the grid row resize indicator\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 313,
+            "end": 314
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-selected-border",
-            "value": "$kendo-table-selected-border",
+            "name": "kendo-grid-row-resizer-height",
+            "value": "k-map-get( $kendo-spacing, .5 )",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 315,
+                "end": 315
             }
         },
         "group": [
@@ -19864,8 +20264,8 @@
     {
         "description": "Base font size across all components.\n",
         "commentRange": {
-            "start": 242,
-            "end": 243
+            "start": 244,
+            "end": 245
         },
         "context": {
             "type": "variable",
@@ -19873,8 +20273,8 @@
             "value": "14px",
             "scope": "default",
             "line": {
-                "start": 244,
-                "end": 244
+                "start": 246,
+                "end": 246
             }
         },
         "group": [
@@ -19889,8 +20289,8 @@
     {
         "description": "Extra small font size across all components.\n",
         "commentRange": {
-            "start": 245,
-            "end": 246
+            "start": 247,
+            "end": 248
         },
         "context": {
             "type": "variable",
@@ -19898,8 +20298,8 @@
             "value": "10px",
             "scope": "default",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 249,
+                "end": 249
             }
         },
         "group": [
@@ -19914,8 +20314,8 @@
     {
         "description": "Small font size across all components.\n",
         "commentRange": {
-            "start": 248,
-            "end": 249
+            "start": 250,
+            "end": 251
         },
         "context": {
             "type": "variable",
@@ -19923,8 +20323,8 @@
             "value": "12px",
             "scope": "default",
             "line": {
-                "start": 250,
-                "end": 250
+                "start": 252,
+                "end": 252
             }
         },
         "group": [
@@ -19939,8 +20339,8 @@
     {
         "description": "Medium font size across all components.\n",
         "commentRange": {
-            "start": 251,
-            "end": 252
+            "start": 253,
+            "end": 254
         },
         "context": {
             "type": "variable",
@@ -19948,8 +20348,8 @@
             "value": "$kendo-font-size",
             "scope": "default",
             "line": {
-                "start": 253,
-                "end": 253
+                "start": 255,
+                "end": 255
             }
         },
         "group": [
@@ -19964,8 +20364,8 @@
     {
         "description": "Large font size across all components.\n",
         "commentRange": {
-            "start": 254,
-            "end": 255
+            "start": 256,
+            "end": 257
         },
         "context": {
             "type": "variable",
@@ -19973,8 +20373,8 @@
             "value": "16px",
             "scope": "default",
             "line": {
-                "start": 256,
-                "end": 256
+                "start": 258,
+                "end": 258
             }
         },
         "group": [
@@ -19989,8 +20389,8 @@
     {
         "description": "Extra large font size across all components.\n",
         "commentRange": {
-            "start": 257,
-            "end": 258
+            "start": 259,
+            "end": 260
         },
         "context": {
             "type": "variable",
@@ -19998,8 +20398,8 @@
             "value": "20px",
             "scope": "default",
             "line": {
-                "start": 259,
-                "end": 259
+                "start": 261,
+                "end": 261
             }
         },
         "group": [
@@ -20014,8 +20414,8 @@
     {
         "description": "Font family for text.\n",
         "commentRange": {
-            "start": 269,
-            "end": 270
+            "start": 271,
+            "end": 272
         },
         "context": {
             "type": "variable",
@@ -20023,8 +20423,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": 271,
-                "end": 271
+                "start": 273,
+                "end": 273
             }
         },
         "group": [
@@ -20039,8 +20439,8 @@
     {
         "description": "Font family for monospaced text. Used for styling the code.\n",
         "commentRange": {
-            "start": 273,
-            "end": 274
+            "start": 275,
+            "end": 276
         },
         "context": {
             "type": "variable",
@@ -20048,8 +20448,8 @@
             "value": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace",
             "scope": "default",
             "line": {
-                "start": 275,
-                "end": 275
+                "start": 277,
+                "end": 277
             }
         },
         "group": [
@@ -20064,8 +20464,8 @@
     {
         "description": "Font family across all components.\n",
         "commentRange": {
-            "start": 277,
-            "end": 278
+            "start": 279,
+            "end": 280
         },
         "context": {
             "type": "variable",
@@ -20073,8 +20473,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 279,
-                "end": 279
+                "start": 281,
+                "end": 281
             }
         },
         "group": [
@@ -20089,8 +20489,8 @@
     {
         "description": "Line height used along with $kendo-font-size.\n",
         "commentRange": {
-            "start": 281,
-            "end": 282
+            "start": 283,
+            "end": 284
         },
         "context": {
             "type": "variable",
@@ -20098,8 +20498,8 @@
             "value": "k-math-div( 20, 14 )",
             "scope": "default",
             "line": {
-                "start": 283,
-                "end": 283
+                "start": 285,
+                "end": 285
             }
         },
         "group": [
@@ -20114,8 +20514,8 @@
     {
         "description": "Extra small line height used along with $kendo-font-size-xs.\n",
         "commentRange": {
-            "start": 284,
-            "end": 285
+            "start": 286,
+            "end": 287
         },
         "context": {
             "type": "variable",
@@ -20123,8 +20523,8 @@
             "value": "1",
             "scope": "default",
             "line": {
-                "start": 286,
-                "end": 286
+                "start": 288,
+                "end": 288
             }
         },
         "group": [
@@ -20139,8 +20539,8 @@
     {
         "description": "Small line height used along with $kendo-font-size-sm.\n",
         "commentRange": {
-            "start": 287,
-            "end": 288
+            "start": 289,
+            "end": 290
         },
         "context": {
             "type": "variable",
@@ -20148,8 +20548,8 @@
             "value": "1.25",
             "scope": "default",
             "line": {
-                "start": 289,
-                "end": 289
+                "start": 291,
+                "end": 291
             }
         },
         "group": [
@@ -20164,8 +20564,8 @@
     {
         "description": "Medium line height used along with $kendo-font-size-md.\n",
         "commentRange": {
-            "start": 290,
-            "end": 291
+            "start": 292,
+            "end": 293
         },
         "context": {
             "type": "variable",
@@ -20173,8 +20573,8 @@
             "value": "$kendo-line-height",
             "scope": "default",
             "line": {
-                "start": 292,
-                "end": 292
+                "start": 294,
+                "end": 294
             }
         },
         "group": [
@@ -20189,8 +20589,8 @@
     {
         "description": "Large line height used along with $kendo-font-size-lg.\n",
         "commentRange": {
-            "start": 293,
-            "end": 294
+            "start": 295,
+            "end": 296
         },
         "context": {
             "type": "variable",
@@ -20198,8 +20598,8 @@
             "value": "1.5",
             "scope": "default",
             "line": {
-                "start": 295,
-                "end": 295
+                "start": 297,
+                "end": 297
             }
         },
         "group": [
@@ -20214,8 +20614,8 @@
     {
         "description": "Light font weight.\n",
         "commentRange": {
-            "start": 298,
-            "end": 299
+            "start": 300,
+            "end": 301
         },
         "context": {
             "type": "variable",
@@ -20223,8 +20623,8 @@
             "value": "300",
             "scope": "default",
             "line": {
-                "start": 300,
-                "end": 300
+                "start": 302,
+                "end": 302
             }
         },
         "group": [
@@ -20239,8 +20639,8 @@
     {
         "description": "Normal font weight.\n",
         "commentRange": {
-            "start": 301,
-            "end": 302
+            "start": 303,
+            "end": 304
         },
         "context": {
             "type": "variable",
@@ -20248,8 +20648,8 @@
             "value": "400",
             "scope": "default",
             "line": {
-                "start": 303,
-                "end": 303
+                "start": 305,
+                "end": 305
             }
         },
         "group": [
@@ -20264,8 +20664,8 @@
     {
         "description": "Medium font weight.\n",
         "commentRange": {
-            "start": 304,
-            "end": 305
+            "start": 306,
+            "end": 307
         },
         "context": {
             "type": "variable",
@@ -20273,8 +20673,8 @@
             "value": "500",
             "scope": "default",
             "line": {
-                "start": 306,
-                "end": 306
+                "start": 308,
+                "end": 308
             }
         },
         "group": [
@@ -20289,8 +20689,8 @@
     {
         "description": "Semibold font weight.\n",
         "commentRange": {
-            "start": 307,
-            "end": 308
+            "start": 309,
+            "end": 310
         },
         "context": {
             "type": "variable",
@@ -20298,8 +20698,8 @@
             "value": "600",
             "scope": "default",
             "line": {
-                "start": 309,
-                "end": 309
+                "start": 311,
+                "end": 311
             }
         },
         "group": [
@@ -20314,8 +20714,8 @@
     {
         "description": "Bold font weight.\n",
         "commentRange": {
-            "start": 310,
-            "end": 311
+            "start": 312,
+            "end": 313
         },
         "context": {
             "type": "variable",
@@ -20323,8 +20723,8 @@
             "value": "700",
             "scope": "default",
             "line": {
-                "start": 312,
-                "end": 312
+                "start": 314,
+                "end": 314
             }
         },
         "group": [
@@ -20339,8 +20739,8 @@
     {
         "description": "Letter spacing.\n",
         "commentRange": {
-            "start": 314,
-            "end": 315
+            "start": 316,
+            "end": 317
         },
         "context": {
             "type": "variable",
@@ -20348,8 +20748,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 316,
-                "end": 316
+                "start": 318,
+                "end": 318
             }
         },
         "group": [
@@ -20364,8 +20764,8 @@
     {
         "description": "The background of the components' chrome area.\n",
         "commentRange": {
-            "start": 362,
-            "end": 362
+            "start": 364,
+            "end": 364
         },
         "context": {
             "type": "variable",
@@ -20373,8 +20773,8 @@
             "value": "#fafafa",
             "scope": "default",
             "line": {
-                "start": 363,
-                "end": 363
+                "start": 365,
+                "end": 365
             }
         },
         "access": "public",
@@ -20389,8 +20789,8 @@
     {
         "description": "The text color of the components' chrome area.\n",
         "commentRange": {
-            "start": 364,
-            "end": 364
+            "start": 366,
+            "end": 366
         },
         "context": {
             "type": "variable",
@@ -20398,8 +20798,8 @@
             "value": "$kendo-body-text",
             "scope": "default",
             "line": {
-                "start": 365,
-                "end": 365
+                "start": 367,
+                "end": 367
             }
         },
         "access": "public",
@@ -20414,8 +20814,8 @@
     {
         "description": "The border color of the components' chrome area.\n",
         "commentRange": {
-            "start": 366,
-            "end": 366
+            "start": 368,
+            "end": 368
         },
         "context": {
             "type": "variable",
@@ -20423,8 +20823,8 @@
             "value": "rgba( black, .08 )",
             "scope": "default",
             "line": {
-                "start": 367,
-                "end": 367
+                "start": 369,
+                "end": 369
             }
         },
         "access": "public",
@@ -20439,8 +20839,8 @@
     {
         "description": "The gradient background of the components' chrome area.\n",
         "commentRange": {
-            "start": 368,
-            "end": 368
+            "start": 370,
+            "end": 370
         },
         "context": {
             "type": "variable",
@@ -20448,8 +20848,8 @@
             "value": "rgba( black, 0 ), rgba( black, .02 )",
             "scope": "default",
             "line": {
-                "start": 369,
-                "end": 369
+                "start": 371,
+                "end": 371
             }
         },
         "access": "public",
@@ -20464,8 +20864,8 @@
     {
         "description": "The background of hovered items.\n",
         "commentRange": {
-            "start": 371,
-            "end": 371
+            "start": 373,
+            "end": 373
         },
         "context": {
             "type": "variable",
@@ -20473,8 +20873,8 @@
             "value": "k-try-shade( $kendo-base-bg, .5 )",
             "scope": "default",
             "line": {
-                "start": 372,
-                "end": 372
+                "start": 374,
+                "end": 374
             }
         },
         "access": "public",
@@ -20489,8 +20889,8 @@
     {
         "description": "The text color of hovered items.\n",
         "commentRange": {
-            "start": 373,
-            "end": 373
+            "start": 375,
+            "end": 375
         },
         "context": {
             "type": "variable",
@@ -20498,8 +20898,8 @@
             "value": "$kendo-base-text",
             "scope": "default",
             "line": {
-                "start": 374,
-                "end": 374
+                "start": 376,
+                "end": 376
             }
         },
         "access": "public",
@@ -20514,8 +20914,8 @@
     {
         "description": "The border color of hovered items.\n",
         "commentRange": {
-            "start": 375,
-            "end": 375
+            "start": 377,
+            "end": 377
         },
         "context": {
             "type": "variable",
@@ -20523,8 +20923,8 @@
             "value": "$kendo-base-border",
             "scope": "default",
             "line": {
-                "start": 376,
-                "end": 376
+                "start": 378,
+                "end": 378
             }
         },
         "access": "public",
@@ -20539,8 +20939,8 @@
     {
         "description": "The gradient background of hovered items.\n",
         "commentRange": {
-            "start": 377,
-            "end": 377
+            "start": 379,
+            "end": 379
         },
         "context": {
             "type": "variable",
@@ -20548,8 +20948,8 @@
             "value": "$kendo-base-gradient",
             "scope": "default",
             "line": {
-                "start": 378,
-                "end": 378
+                "start": 380,
+                "end": 380
             }
         },
         "access": "public",
@@ -20564,8 +20964,8 @@
     {
         "description": "The background of selected items.\n",
         "commentRange": {
-            "start": 380,
-            "end": 380
+            "start": 382,
+            "end": 382
         },
         "context": {
             "type": "variable",
@@ -20573,8 +20973,8 @@
             "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 381,
-                "end": 381
+                "start": 383,
+                "end": 383
             }
         },
         "access": "public",
@@ -20589,8 +20989,8 @@
     {
         "description": "The text color of selected items.\n",
         "commentRange": {
-            "start": 382,
-            "end": 382
+            "start": 384,
+            "end": 384
         },
         "context": {
             "type": "variable",
@@ -20598,8 +20998,8 @@
             "value": "k-contrast-legacy( $kendo-selected-bg )",
             "scope": "default",
             "line": {
-                "start": 383,
-                "end": 383
+                "start": 385,
+                "end": 385
             }
         },
         "access": "public",
@@ -20614,8 +21014,8 @@
     {
         "description": "The border color of selected items.\n",
         "commentRange": {
-            "start": 384,
-            "end": 384
+            "start": 386,
+            "end": 386
         },
         "context": {
             "type": "variable",
@@ -20623,8 +21023,8 @@
             "value": "$kendo-base-border",
             "scope": "default",
             "line": {
-                "start": 385,
-                "end": 385
+                "start": 387,
+                "end": 387
             }
         },
         "access": "public",
@@ -20639,8 +21039,8 @@
     {
         "description": "The gradient background of selected items.\n",
         "commentRange": {
-            "start": 386,
-            "end": 386
+            "start": 388,
+            "end": 388
         },
         "context": {
             "type": "variable",
@@ -20648,8 +21048,8 @@
             "value": "$kendo-base-gradient",
             "scope": "default",
             "line": {
-                "start": 387,
-                "end": 387
+                "start": 389,
+                "end": 389
             }
         },
         "access": "public",
@@ -20664,8 +21064,8 @@
     {
         "description": "The background of selected and hovered items.\n",
         "commentRange": {
-            "start": 389,
-            "end": 389
+            "start": 391,
+            "end": 391
         },
         "context": {
             "type": "variable",
@@ -20673,8 +21073,8 @@
             "value": "k-try-shade( $kendo-selected-bg, .5 )",
             "scope": "default",
             "line": {
-                "start": 390,
-                "end": 390
+                "start": 392,
+                "end": 392
             }
         },
         "access": "public",
@@ -20689,8 +21089,8 @@
     {
         "description": "The text color of selected and hovered items.\n",
         "commentRange": {
-            "start": 391,
-            "end": 391
+            "start": 393,
+            "end": 393
         },
         "context": {
             "type": "variable",
@@ -20698,8 +21098,8 @@
             "value": "$kendo-selected-text",
             "scope": "default",
             "line": {
-                "start": 392,
-                "end": 392
+                "start": 394,
+                "end": 394
             }
         },
         "access": "public",
@@ -20714,8 +21114,8 @@
     {
         "description": "The border of selected and hovered items.\n",
         "commentRange": {
-            "start": 393,
-            "end": 393
+            "start": 395,
+            "end": 395
         },
         "context": {
             "type": "variable",
@@ -20723,8 +21123,8 @@
             "value": "$kendo-base-border",
             "scope": "default",
             "line": {
-                "start": 394,
-                "end": 394
+                "start": 396,
+                "end": 396
             }
         },
         "access": "public",
@@ -20739,8 +21139,8 @@
     {
         "description": "The gradient of selected and hovered items.\n",
         "commentRange": {
-            "start": 395,
-            "end": 395
+            "start": 397,
+            "end": 397
         },
         "context": {
             "type": "variable",
@@ -20748,8 +21148,8 @@
             "value": "$kendo-base-gradient",
             "scope": "default",
             "line": {
-                "start": 396,
-                "end": 396
+                "start": 398,
+                "end": 398
             }
         },
         "access": "public",
@@ -20764,8 +21164,8 @@
     {
         "description": "Box shadow of focused items.\n",
         "commentRange": {
-            "start": 399,
-            "end": 399
+            "start": 401,
+            "end": 401
         },
         "context": {
             "type": "variable",
@@ -20773,8 +21173,8 @@
             "value": "inset 0 0 0 2px rgba(0, 0, 0, .13)",
             "scope": "default",
             "line": {
-                "start": 400,
-                "end": 400
+                "start": 402,
+                "end": 402
             }
         },
         "access": "public",
@@ -20789,8 +21189,8 @@
     {
         "description": "Transition used across all components.\n",
         "commentRange": {
-            "start": 402,
-            "end": 402
+            "start": 404,
+            "end": 404
         },
         "context": {
             "type": "variable",
@@ -20798,8 +21198,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": 403,
-                "end": 403
+                "start": 405,
+                "end": 405
             }
         },
         "access": "public",
@@ -20814,8 +21214,8 @@
     {
         "description": "Text color of disabled items.\n",
         "commentRange": {
-            "start": 406,
-            "end": 406
+            "start": 408,
+            "end": 408
         },
         "context": {
             "type": "variable",
@@ -20823,8 +21223,8 @@
             "value": "#8f8f8f",
             "scope": "default",
             "line": {
-                "start": 407,
-                "end": 407
+                "start": 409,
+                "end": 409
             }
         },
         "access": "public",
@@ -20839,8 +21239,8 @@
     {
         "description": "Filter used for disabled items.\n",
         "commentRange": {
-            "start": 408,
-            "end": 408
+            "start": 410,
+            "end": 410
         },
         "context": {
             "type": "variable",
@@ -20848,8 +21248,8 @@
             "value": "grayscale(.1)",
             "scope": "default",
             "line": {
-                "start": 409,
-                "end": 409
+                "start": 411,
+                "end": 411
             }
         },
         "access": "public",
@@ -20864,8 +21264,8 @@
     {
         "description": "Opacity used for disabled items.\n",
         "commentRange": {
-            "start": 410,
-            "end": 410
+            "start": 412,
+            "end": 412
         },
         "context": {
             "type": "variable",
@@ -20873,8 +21273,8 @@
             "value": ".6",
             "scope": "default",
             "line": {
-                "start": 411,
-                "end": 411
+                "start": 413,
+                "end": 413
             }
         },
         "access": "public",