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

package/dist/meta/sassdoc-data.json

@@ -4620,8 +4620,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": 153,
-                "end": 156
+                "start": 155,
+                "end": 158
             },
             "context": {
                 "type": "variable",
@@ -4629,8 +4629,8 @@
                 "value": "material-color( $primary-palette, main )",
                 "scope": "default",
                 "line": {
-                    "start": 157,
-                    "end": 157
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -4648,8 +4648,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": 161,
-                "end": 164
+                "start": 163,
+                "end": 166
             },
             "context": {
                 "type": "variable",
@@ -4657,8 +4657,8 @@
                 "value": "material-color( $primary-palette, main-contrast )",
                 "scope": "default",
                 "line": {
-                    "start": 165,
-                    "end": 165
+                    "start": 167,
+                    "end": 167
                 }
             },
             "group": [
@@ -4676,8 +4676,8 @@
         {
             "description": "The secondary color of the theme.\n",
             "commentRange": {
-                "start": 167,
-                "end": 169
+                "start": 169,
+                "end": 171
             },
             "context": {
                 "type": "variable",
@@ -4685,8 +4685,8 @@
                 "value": "material-color( $secondary-palette, main )",
                 "scope": "default",
                 "line": {
-                    "start": 170,
-                    "end": 170
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
@@ -4704,8 +4704,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": 174,
-                "end": 177
+                "start": 176,
+                "end": 179
             },
             "context": {
                 "type": "variable",
@@ -4713,8 +4713,8 @@
                 "value": "material-color( $secondary-palette, main-contrast )",
                 "scope": "default",
                 "line": {
-                    "start": 178,
-                    "end": 178
+                    "start": 180,
+                    "end": 180
                 }
             },
             "group": [
@@ -4732,8 +4732,8 @@
         {
             "description": "The tertiary color of the theme.\n",
             "commentRange": {
-                "start": 180,
-                "end": 182
+                "start": 182,
+                "end": 184
             },
             "context": {
                 "type": "variable",
@@ -4741,8 +4741,8 @@
                 "value": "material-color($tertiary-palette, main)",
                 "scope": "default",
                 "line": {
-                    "start": 183,
-                    "end": 183
+                    "start": 185,
+                    "end": 185
                 }
             },
             "group": [
@@ -4760,8 +4760,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": 187,
-                "end": 190
+                "start": 189,
+                "end": 192
             },
             "context": {
                 "type": "variable",
@@ -4769,8 +4769,8 @@
                 "value": "material-color($tertiary-palette, main-contrast)",
                 "scope": "default",
                 "line": {
-                    "start": 191,
-                    "end": 191
+                    "start": 193,
+                    "end": 193
                 }
             },
             "group": [
@@ -4788,8 +4788,8 @@
         {
             "description": "The color for informational messages and states.\n",
             "commentRange": {
-                "start": 193,
-                "end": 195
+                "start": 195,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -4797,8 +4797,8 @@
                 "value": "#0058e9",
                 "scope": "default",
                 "line": {
-                    "start": 196,
-                    "end": 196
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -4816,8 +4816,8 @@
         {
             "description": "The color for success messages and states.\n",
             "commentRange": {
-                "start": 200,
-                "end": 202
+                "start": 202,
+                "end": 204
             },
             "context": {
                 "type": "variable",
@@ -4825,8 +4825,8 @@
                 "value": "#37b400",
                 "scope": "default",
                 "line": {
-                    "start": 203,
-                    "end": 203
+                    "start": 205,
+                    "end": 205
                 }
             },
             "group": [
@@ -4844,8 +4844,8 @@
         {
             "description": "The color for warning messages and states.\n",
             "commentRange": {
-                "start": 207,
-                "end": 209
+                "start": 209,
+                "end": 211
             },
             "context": {
                 "type": "variable",
@@ -4853,8 +4853,8 @@
                 "value": "#ffc000",
                 "scope": "default",
                 "line": {
-                    "start": 210,
-                    "end": 210
+                    "start": 212,
+                    "end": 212
                 }
             },
             "group": [
@@ -4872,8 +4872,8 @@
         {
             "description": "The color for error messages and states.\n",
             "commentRange": {
-                "start": 214,
-                "end": 216
+                "start": 216,
+                "end": 218
             },
             "context": {
                 "type": "variable",
@@ -4881,8 +4881,8 @@
                 "value": "#f31700",
                 "scope": "default",
                 "line": {
-                    "start": 217,
-                    "end": 217
+                    "start": 219,
+                    "end": 219
                 }
             },
             "group": [
@@ -4900,8 +4900,8 @@
         {
             "description": "The dark color of the theme.\n",
             "commentRange": {
-                "start": 221,
-                "end": 223
+                "start": 223,
+                "end": 225
             },
             "context": {
                 "type": "variable",
@@ -4909,8 +4909,8 @@
                 "value": "get-base-hue( gray, 800 )",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 226,
+                    "end": 226
                 }
             },
             "group": [
@@ -4928,8 +4928,8 @@
         {
             "description": "The light color of the theme.\n",
             "commentRange": {
-                "start": 226,
-                "end": 228
+                "start": 228,
+                "end": 230
             },
             "context": {
                 "type": "variable",
@@ -4937,8 +4937,8 @@
                 "value": "get-base-hue( gray, 100 )",
                 "scope": "default",
                 "line": {
-                    "start": 229,
-                    "end": 229
+                    "start": 231,
+                    "end": 231
                 }
             },
             "group": [
@@ -4956,8 +4956,8 @@
         {
             "description": "Inverse color of the theme. Depending on the theme luminance dark or light, it will be light or dark\n",
             "commentRange": {
-                "start": 231,
-                "end": 232
+                "start": 233,
+                "end": 234
             },
             "context": {
                 "type": "variable",
@@ -4965,8 +4965,8 @@
                 "value": "if( $kendo-is-dark-theme, $kendo-color-light, $kendo-color-dark )",
                 "scope": "default",
                 "line": {
-                    "start": 233,
-                    "end": 233
+                    "start": 235,
+                    "end": 235
                 }
             },
             "group": [
@@ -4983,8 +4983,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": 325,
-                "end": 327
+                "start": 327,
+                "end": 329
             },
             "context": {
                 "type": "variable",
@@ -4992,8 +4992,8 @@
                 "value": "k-map-get( $theme, component-bg )",
                 "scope": "default",
                 "line": {
-                    "start": 328,
-                    "end": 328
+                    "start": 330,
+                    "end": 330
                 }
             },
             "group": [
@@ -5010,8 +5010,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": 329,
-                "end": 331
+                "start": 331,
+                "end": 333
             },
             "context": {
                 "type": "variable",
@@ -5019,8 +5019,8 @@
                 "value": "k-map-get( $theme, component-text )",
                 "scope": "default",
                 "line": {
-                    "start": 332,
-                    "end": 332
+                    "start": 334,
+                    "end": 334
                 }
             },
             "group": [
@@ -5037,8 +5037,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": 333,
-                "end": 335
+                "start": 335,
+                "end": 337
             },
             "context": {
                 "type": "variable",
@@ -5046,8 +5046,8 @@
                 "value": "k-map-get( $theme, component-border )",
                 "scope": "default",
                 "line": {
-                    "start": 336,
-                    "end": 336
+                    "start": 338,
+                    "end": 338
                 }
             },
             "group": [
@@ -5764,19 +5764,46 @@
             "resolvedType": "Map"
         },
         {
-            "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"
+            },
+            "resolvedValue": "(sm: (padding-x: 8px, padding-y: 8px), md: (padding-x: 16px, padding-y: 16px), lg: (padding-x: 24px, padding-y: 24px))",
+            "resolvedType": "Map"
+        },
+        {
+            "description": "The base shadow of the FAB.\n",
+            "commentRange": {
+                "start": 110,
+                "end": 111
+            },
             "context": {
                 "type": "variable",
                 "name": "kendo-fab-shadow",
                 "value": "0px 3px 5px -1px rgba( black, .2 ), 0px 6px 10px rgba( black, .14 ), 0px 1px 18px rgba( black, .12 )",
                 "scope": "default",
                 "line": {
-                    "start": 95,
-                    "end": 95
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -5793,8 +5820,8 @@
         {
             "description": "The disabled shadow of the FAB.\n",
             "commentRange": {
-                "start": 96,
-                "end": 97
+                "start": 113,
+                "end": 114
             },
             "context": {
                 "type": "variable",
@@ -5802,8 +5829,8 @@
                 "value": "0px 3px 5px -1px k-try-tint( rgba( black, .2 ), .5 ), 0px 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0px 1px 18px k-try-tint( rgba( black, .12 ), .5 )",
                 "scope": "default",
                 "line": {
-                    "start": 98,
-                    "end": 98
+                    "start": 115,
+                    "end": 115
                 }
             },
             "group": [
@@ -5820,8 +5847,8 @@
         {
             "description": "The active shadow of the FAB.\n",
             "commentRange": {
-                "start": 99,
-                "end": 100
+                "start": 116,
+                "end": 117
             },
             "context": {
                 "type": "variable",
@@ -5829,8 +5856,8 @@
                 "value": "0px 5px 5px -3px rgba( black, .2 ), 0px 8px 10px 1px rgba( black, .14 ), 0px 3px 14px 2px rgba( black, .12 )",
                 "scope": "default",
                 "line": {
-                    "start": 101,
-                    "end": 101
+                    "start": 118,
+                    "end": 118
                 }
             },
             "group": [
@@ -5847,8 +5874,8 @@
         {
             "description": "The base text color of the FAB item.\n",
             "commentRange": {
-                "start": 103,
-                "end": 104
+                "start": 120,
+                "end": 121
             },
             "context": {
                 "type": "variable",
@@ -5856,8 +5883,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 105,
-                    "end": 105
+                    "start": 122,
+                    "end": 122
                 }
             },
             "group": [
@@ -5874,8 +5901,8 @@
         {
             "description": "The base background color of the FAB item.\n",
             "commentRange": {
-                "start": 106,
-                "end": 107
+                "start": 123,
+                "end": 124
             },
             "context": {
                 "type": "variable",
@@ -5883,8 +5910,8 @@
                 "value": "$kendo-component-bg",
                 "scope": "default",
                 "line": {
-                    "start": 108,
-                    "end": 108
+                    "start": 125,
+                    "end": 125
                 }
             },
             "group": [
@@ -5901,8 +5928,8 @@
         {
             "description": "The base border color of the FAB item.\n",
             "commentRange": {
-                "start": 109,
-                "end": 110
+                "start": 126,
+                "end": 127
             },
             "context": {
                 "type": "variable",
@@ -5910,8 +5937,8 @@
                 "value": "$kendo-component-border",
                 "scope": "default",
                 "line": {
-                    "start": 111,
-                    "end": 111
+                    "start": 128,
+                    "end": 128
                 }
             },
             "group": [
@@ -5928,8 +5955,8 @@
         {
             "description": "The base text color of the FAB item icon.\n",
             "commentRange": {
-                "start": 113,
-                "end": 114
+                "start": 130,
+                "end": 131
             },
             "context": {
                 "type": "variable",
@@ -5937,8 +5964,8 @@
                 "value": "$kendo-button-text",
                 "scope": "default",
                 "line": {
-                    "start": 115,
-                    "end": 115
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -5955,8 +5982,8 @@
         {
             "description": "The base background color of the FAB item icon.\n",
             "commentRange": {
-                "start": 116,
-                "end": 117
+                "start": 133,
+                "end": 134
             },
             "context": {
                 "type": "variable",
@@ -5964,8 +5991,8 @@
                 "value": "$kendo-button-bg",
                 "scope": "default",
                 "line": {
-                    "start": 118,
-                    "end": 118
+                    "start": 135,
+                    "end": 135
                 }
             },
             "group": [
@@ -5982,8 +6009,8 @@
         {
             "description": "The base border color of the FAB item icon.\n",
             "commentRange": {
-                "start": 119,
-                "end": 120
+                "start": 136,
+                "end": 137
             },
             "context": {
                 "type": "variable",
@@ -5991,8 +6018,8 @@
                 "value": "$kendo-button-border",
                 "scope": "default",
                 "line": {
-                    "start": 121,
-                    "end": 121
+                    "start": 138,
+                    "end": 138
                 }
             },
             "group": [
@@ -6009,8 +6036,8 @@
         {
             "description": "The base shadow of the FAB item.\n",
             "commentRange": {
-                "start": 123,
-                "end": 124
+                "start": 140,
+                "end": 141
             },
             "context": {
                 "type": "variable",
@@ -6018,8 +6045,8 @@
                 "value": "$kendo-fab-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 125,
-                    "end": 125
+                    "start": 142,
+                    "end": 142
                 }
             },
             "group": [
@@ -6036,8 +6063,8 @@
         {
             "description": "The disabled shadow of the FAB item.\n",
             "commentRange": {
-                "start": 126,
-                "end": 127
+                "start": 143,
+                "end": 144
             },
             "context": {
                 "type": "variable",
@@ -6045,8 +6072,8 @@
                 "value": "$kendo-fab-disabled-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 128,
-                    "end": 128
+                    "start": 145,
+                    "end": 145
                 }
             },
             "group": [
@@ -6063,8 +6090,8 @@
         {
             "description": "The active shadow of the FAB item.\n",
             "commentRange": {
-                "start": 129,
-                "end": 130
+                "start": 146,
+                "end": 147
             },
             "context": {
                 "type": "variable",
@@ -6072,8 +6099,8 @@
                 "value": "$kendo-fab-active-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 131,
-                    "end": 131
+                    "start": 148,
+                    "end": 148
                 }
             },
             "group": [
@@ -6414,8 +6441,8 @@
         {
             "description": "Background color of the grid component\n",
             "commentRange": {
-                "start": 130,
-                "end": 131
+                "start": 138,
+                "end": 139
             },
             "context": {
                 "type": "variable",
@@ -6423,8 +6450,8 @@
                 "value": "$kendo-table-bg",
                 "scope": "default",
                 "line": {
-                    "start": 132,
-                    "end": 132
+                    "start": 140,
+                    "end": 140
                 }
             },
             "group": [
@@ -6441,8 +6468,8 @@
         {
             "description": "Text color of the grid component\n",
             "commentRange": {
-                "start": 133,
-                "end": 134
+                "start": 141,
+                "end": 142
             },
             "context": {
                 "type": "variable",
@@ -6450,8 +6477,8 @@
                 "value": "$kendo-table-text",
                 "scope": "default",
                 "line": {
-                    "start": 135,
-                    "end": 135
+                    "start": 143,
+                    "end": 143
                 }
             },
             "group": [
@@ -6468,8 +6495,8 @@
         {
             "description": "Border color of the grid component\n",
             "commentRange": {
-                "start": 136,
-                "end": 137
+                "start": 144,
+                "end": 145
             },
             "context": {
                 "type": "variable",
@@ -6477,8 +6504,8 @@
                 "value": "$kendo-table-border",
                 "scope": "default",
                 "line": {
-                    "start": 138,
-                    "end": 138
+                    "start": 146,
+                    "end": 146
                 }
             },
             "group": [
@@ -6495,8 +6522,8 @@
         {
             "description": "Background color of grid header\n",
             "commentRange": {
-                "start": 140,
-                "end": 141
+                "start": 148,
+                "end": 149
             },
             "context": {
                 "type": "variable",
@@ -6504,8 +6531,8 @@
                 "value": "$kendo-table-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 142,
-                    "end": 142
+                    "start": 150,
+                    "end": 150
                 }
             },
             "group": [
@@ -6522,8 +6549,8 @@
         {
             "description": "Background color of grid header\n",
             "commentRange": {
-                "start": 143,
-                "end": 144
+                "start": 151,
+                "end": 152
             },
             "context": {
                 "type": "variable",
@@ -6531,8 +6558,8 @@
                 "value": "$kendo-table-header-text",
                 "scope": "default",
                 "line": {
-                    "start": 145,
-                    "end": 145
+                    "start": 153,
+                    "end": 153
                 }
             },
             "group": [
@@ -6549,8 +6576,8 @@
         {
             "description": "Border color of grid header\n",
             "commentRange": {
-                "start": 146,
-                "end": 147
+                "start": 154,
+                "end": 155
             },
             "context": {
                 "type": "variable",
@@ -6558,8 +6585,8 @@
                 "value": "$kendo-table-header-border",
                 "scope": "default",
                 "line": {
-                    "start": 148,
-                    "end": 148
+                    "start": 156,
+                    "end": 156
                 }
             },
             "group": [
@@ -6576,8 +6603,8 @@
         {
             "description": "Background gradient of grid header\n",
             "commentRange": {
-                "start": 149,
-                "end": 150
+                "start": 157,
+                "end": 158
             },
             "context": {
                 "type": "variable",
@@ -6585,8 +6612,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 151,
-                    "end": 151
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -6603,8 +6630,8 @@
         {
             "description": "Background color of grid footer\n",
             "commentRange": {
-                "start": 153,
-                "end": 154
+                "start": 161,
+                "end": 162
             },
             "context": {
                 "type": "variable",
@@ -6612,8 +6639,8 @@
                 "value": "$kendo-table-footer-bg",
                 "scope": "default",
                 "line": {
-                    "start": 155,
-                    "end": 155
+                    "start": 163,
+                    "end": 163
                 }
             },
             "group": [
@@ -6630,8 +6657,8 @@
         {
             "description": "Text color of grid footer\n",
             "commentRange": {
-                "start": 156,
-                "end": 157
+                "start": 164,
+                "end": 165
             },
             "context": {
                 "type": "variable",
@@ -6639,8 +6666,8 @@
                 "value": "$kendo-table-footer-text",
                 "scope": "default",
                 "line": {
-                    "start": 158,
-                    "end": 158
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
@@ -6657,8 +6684,8 @@
         {
             "description": "Border color of grid footer\n",
             "commentRange": {
-                "start": 159,
-                "end": 160
+                "start": 167,
+                "end": 168
             },
             "context": {
                 "type": "variable",
@@ -6666,8 +6693,8 @@
                 "value": "$kendo-table-footer-border",
                 "scope": "default",
                 "line": {
-                    "start": 161,
-                    "end": 161
+                    "start": 169,
+                    "end": 169
                 }
             },
             "group": [
@@ -6684,8 +6711,8 @@
         {
             "description": "Background color of alternating rows in grid\n",
             "commentRange": {
-                "start": 164,
-                "end": 165
+                "start": 172,
+                "end": 173
             },
             "context": {
                 "type": "variable",
@@ -6693,8 +6720,8 @@
                 "value": "$kendo-table-alt-row-bg",
                 "scope": "default",
                 "line": {
-                    "start": 166,
-                    "end": 166
+                    "start": 174,
+                    "end": 174
                 }
             },
             "group": [
@@ -6711,8 +6738,8 @@
         {
             "description": "Text color of alternating rows in grid\n",
             "commentRange": {
-                "start": 167,
-                "end": 168
+                "start": 175,
+                "end": 176
             },
             "context": {
                 "type": "variable",
@@ -6720,8 +6747,8 @@
                 "value": "$kendo-table-alt-row-text",
                 "scope": "default",
                 "line": {
-                    "start": 169,
-                    "end": 169
+                    "start": 177,
+                    "end": 177
                 }
             },
             "group": [
@@ -6738,8 +6765,8 @@
         {
             "description": "Text color of alternating rows in grid\n",
             "commentRange": {
-                "start": 170,
-                "end": 171
+                "start": 178,
+                "end": 179
             },
             "context": {
                 "type": "variable",
@@ -6747,8 +6774,8 @@
                 "value": "$kendo-table-alt-row-border",
                 "scope": "default",
                 "line": {
-                    "start": 172,
-                    "end": 172
+                    "start": 180,
+                    "end": 180
                 }
             },
             "group": [
@@ -6765,8 +6792,8 @@
         {
             "description": "Background color of hovered rows in grid\n",
             "commentRange": {
-                "start": 174,
-                "end": 175
+                "start": 182,
+                "end": 183
             },
             "context": {
                 "type": "variable",
@@ -6774,8 +6801,8 @@
                 "value": "$kendo-table-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 176,
-                    "end": 176
+                    "start": 184,
+                    "end": 184
                 }
             },
             "group": [
@@ -6792,8 +6819,8 @@
         {
             "description": "Text color of hovered rows in grid\n",
             "commentRange": {
-                "start": 177,
-                "end": 178
+                "start": 185,
+                "end": 186
             },
             "context": {
                 "type": "variable",
@@ -6801,8 +6828,8 @@
                 "value": "$kendo-table-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 179,
-                    "end": 179
+                    "start": 187,
+                    "end": 187
                 }
             },
             "group": [
@@ -6819,8 +6846,8 @@
         {
             "description": "Border color of hovered rows in grid\n",
             "commentRange": {
-                "start": 180,
-                "end": 181
+                "start": 188,
+                "end": 189
             },
             "context": {
                 "type": "variable",
@@ -6828,8 +6855,8 @@
                 "value": "$kendo-table-hover-border",
                 "scope": "default",
                 "line": {
-                    "start": 182,
-                    "end": 182
+                    "start": 190,
+                    "end": 190
                 }
             },
             "group": [
@@ -6846,8 +6873,8 @@
         {
             "description": "Background color of selected rows in grid\n",
             "commentRange": {
-                "start": 184,
-                "end": 185
+                "start": 192,
+                "end": 193
             },
             "context": {
                 "type": "variable",
@@ -6855,8 +6882,8 @@
                 "value": "$kendo-table-selected-bg",
                 "scope": "default",
                 "line": {
-                    "start": 186,
-                    "end": 186
+                    "start": 194,
+                    "end": 194
                 }
             },
             "group": [
@@ -6873,8 +6900,8 @@
         {
             "description": "Text color of selected rows in grid\n",
             "commentRange": {
-                "start": 187,
-                "end": 188
+                "start": 195,
+                "end": 196
             },
             "context": {
                 "type": "variable",
@@ -6882,8 +6909,8 @@
                 "value": "$kendo-table-selected-text",
                 "scope": "default",
                 "line": {
-                    "start": 189,
-                    "end": 189
+                    "start": 197,
+                    "end": 197
                 }
             },
             "group": [
@@ -6900,8 +6927,8 @@
         {
             "description": "Border color of selected rows in grid\n",
             "commentRange": {
-                "start": 190,
-                "end": 191
+                "start": 198,
+                "end": 199
             },
             "context": {
                 "type": "variable",
@@ -6909,8 +6936,8 @@
                 "value": "$kendo-table-selected-border",
                 "scope": "default",
                 "line": {
-                    "start": 192,
-                    "end": 192
+                    "start": 200,
+                    "end": 200
                 }
             },
             "group": [
@@ -6924,6 +6951,276 @@
             "resolvedValue": "null",
             "resolvedType": "Null"
         },
+        {
+            "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"
+            },
+            "resolvedValue": "#ffffff",
+            "resolvedType": "Color"
+        },
+        {
+            "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"
+            },
+            "resolvedValue": "rgba(0, 0, 0, 0.87)",
+            "resolvedType": "Color"
+        },
+        {
+            "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": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "rgba(0, 0, 0, 0.12)",
+            "resolvedType": "Color"
+        },
+        {
+            "description": "Border width of the selection aggregates container\n",
+            "commentRange": {
+                "start": 211,
+                "end": 212
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-selection-aggregates-border-width",
+                "value": "$kendo-grid-border-width",
+                "scope": "default",
+                "line": {
+                    "start": 213,
+                    "end": 213
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "1px",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "Spacing between the selection aggregates items\n",
+            "commentRange": {
+                "start": 214,
+                "end": 215
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-selection-aggregates-spacing",
+                "value": "k-map-get( $kendo-spacing, 2 )",
+                "scope": "default",
+                "line": {
+                    "start": 216,
+                    "end": 216
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "8px",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "Line height of the selection aggregates container\n",
+            "commentRange": {
+                "start": 217,
+                "end": 218
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-selection-aggregates-line-height",
+                "value": "20px",
+                "scope": "default",
+                "line": {
+                    "start": 219,
+                    "end": 219
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "20px",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "Font weight of the selection aggregates container\n",
+            "commentRange": {
+                "start": 220,
+                "end": 221
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-selection-aggregates-font-weight",
+                "value": "$kendo-font-weight-bold",
+                "scope": "default",
+                "line": {
+                    "start": 222,
+                    "end": 222
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "700",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "Background color of the grid row resize indicator\n",
+            "commentRange": {
+                "start": 308,
+                "end": 309
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-row-resizer-hover-bg",
+                "value": "rgba( k-contrast-color( $kendo-grid-bg ), .24 )",
+                "scope": "default",
+                "line": {
+                    "start": 310,
+                    "end": 310
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "rgba(0, 0, 0, 0.24)",
+            "resolvedType": "Color"
+        },
+        {
+            "description": "Active background color of the grid row resize indicator\n",
+            "commentRange": {
+                "start": 311,
+                "end": 312
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-row-resizer-active-bg",
+                "value": "$kendo-color-primary",
+                "scope": "default",
+                "line": {
+                    "start": 313,
+                    "end": 313
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "#3f51b5",
+            "resolvedType": "Color"
+        },
+        {
+            "description": "Height of the grid row resize indicator\n",
+            "commentRange": {
+                "start": 314,
+                "end": 315
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-row-resizer-height",
+                "value": "k-map-get( $kendo-spacing, .5 )",
+                "scope": "default",
+                "line": {
+                    "start": 316,
+                    "end": 316
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "2px",
+            "resolvedType": "Number"
+        },
         {
             "description": "The default width of the Input components.\n",
             "commentRange": {
@@ -15837,8 +16134,8 @@
         {
             "description": "Color of shadows\n",
             "commentRange": {
-                "start": 78,
-                "end": 79
+                "start": 80,
+                "end": 81
             },
             "context": {
                 "type": "variable",
@@ -15846,8 +16143,8 @@
                 "value": "k-map-get( $theme, elevation )",
                 "scope": "default",
                 "line": {
-                    "start": 80,
-                    "end": 80
+                    "start": 82,
+                    "end": 82
                 }
             },
             "group": [
@@ -15864,8 +16161,8 @@
         {
             "description": "Shadow for switch.\nEquivalent to material elevation 1.\n",
             "commentRange": {
-                "start": 81,
-                "end": 83
+                "start": 83,
+                "end": 85
             },
             "context": {
                 "type": "variable",
@@ -15873,8 +16170,8 @@
                 "value": "0 2px 1px -1px rgba( $elevation, .2 ), 0 1px 1px 0 rgba( $elevation, .14 ), 0 1px 3px 0 rgba( $elevation, .12 )",
                 "scope": "default",
                 "line": {
-                    "start": 84,
-                    "end": 84
+                    "start": 86,
+                    "end": 86
                 }
             },
             "group": [
@@ -15891,8 +16188,8 @@
         {
             "description": "Shadow for resting state of button, card and other widgets.\nEquivalent to material elevation 2.\n",
             "commentRange": {
-                "start": 85,
-                "end": 87
+                "start": 87,
+                "end": 89
             },
             "context": {
                 "type": "variable",
@@ -15900,8 +16197,8 @@
                 "value": "0 3px 1px -2px rgba( $elevation, .2 ), 0 2px 2px 0 rgba( $elevation, .14 ), 0 1px 5px 0 rgba( $elevation, .12 )",
                 "scope": "default",
                 "line": {
-                    "start": 88,
-                    "end": 88
+                    "start": 90,
+                    "end": 90
                 }
             },
             "group": [
@@ -15918,8 +16215,8 @@
         {
             "description": "Shadow for menu, popups and raised state of button and card.\nEquivalent to material elevation 8.\n",
             "commentRange": {
-                "start": 89,
-                "end": 91
+                "start": 91,
+                "end": 93
             },
             "context": {
                 "type": "variable",
@@ -15927,8 +16224,8 @@
                 "value": "0 5px 5px -3px rgba( $elevation, .2 ), 0 8px 10px 1px rgba( $elevation, .14 ), 0 3px 14px 2px rgba( $elevation, .12 )",
                 "scope": "default",
                 "line": {
-                    "start": 92,
-                    "end": 92
+                    "start": 94,
+                    "end": 94
                 }
             },
             "group": [
@@ -15945,8 +16242,8 @@
         {
             "description": "Shadow for drawers and other overlaying elements.\nEquivalent to material elevation 16.\n",
             "commentRange": {
-                "start": 93,
-                "end": 95
+                "start": 95,
+                "end": 97
             },
             "context": {
                 "type": "variable",
@@ -15954,8 +16251,8 @@
                 "value": "0 8px 10px -5px rgba( $elevation, .2 ), 0 16px 24px 2px rgba( $elevation, .14 ), 0 6px 30px 5px rgba( $elevation, .12 )",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 98,
+                    "end": 98
                 }
             },
             "group": [
@@ -15972,8 +16269,8 @@
         {
             "description": "Shadow for window and dialog.\nEquivalent to material elevation 24.\n",
             "commentRange": {
-                "start": 97,
-                "end": 99
+                "start": 99,
+                "end": 101
             },
             "context": {
                 "type": "variable",
@@ -15981,8 +16278,8 @@
                 "value": "0 11px 15px -7px rgba( $elevation, .2 ), 0 24px 38px 3px rgba( $elevation, .14 ), 0 9px 46px 8px rgba( $elevation, .12 )",
                 "scope": "default",
                 "line": {
-                    "start": 100,
-                    "end": 100
+                    "start": 102,
+                    "end": 102
                 }
             },
             "group": [
@@ -20697,8 +20994,8 @@
         {
             "description": "Base font size across all components.\n",
             "commentRange": {
-                "start": 252,
-                "end": 253
+                "start": 254,
+                "end": 255
             },
             "context": {
                 "type": "variable",
@@ -20706,8 +21003,8 @@
                 "value": "14px",
                 "scope": "default",
                 "line": {
-                    "start": 254,
-                    "end": 254
+                    "start": 256,
+                    "end": 256
                 }
             },
             "group": [
@@ -20724,8 +21021,8 @@
         {
             "description": "Font family for text.\n",
             "commentRange": {
-                "start": 269,
-                "end": 270
+                "start": 271,
+                "end": 272
             },
             "context": {
                 "type": "variable",
@@ -20733,8 +21030,8 @@
                 "value": "Roboto, \"Helvetica Neue\", sans-serif",
                 "scope": "default",
                 "line": {
-                    "start": 271,
-                    "end": 271
+                    "start": 273,
+                    "end": 273
                 }
             },
             "group": [
@@ -20751,8 +21048,8 @@
         {
             "description": "Font family across all components.\n",
             "commentRange": {
-                "start": 273,
-                "end": 274
+                "start": 275,
+                "end": 276
             },
             "context": {
                 "type": "variable",
@@ -20760,8 +21057,8 @@
                 "value": "Roboto, \"Helvetica Neue\", sans-serif",
                 "scope": "default",
                 "line": {
-                    "start": 275,
-                    "end": 275
+                    "start": 277,
+                    "end": 277
                 }
             },
             "group": [
@@ -20778,8 +21075,8 @@
         {
             "description": "Font family for monospaced text. Used for styling the code.\n",
             "commentRange": {
-                "start": 277,
-                "end": 278
+                "start": 279,
+                "end": 280
             },
             "context": {
                 "type": "variable",
@@ -20787,8 +21084,8 @@
                 "value": "Consolas, \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace",
                 "scope": "default",
                 "line": {
-                    "start": 279,
-                    "end": 279
+                    "start": 281,
+                    "end": 281
                 }
             },
             "group": [
@@ -20805,8 +21102,8 @@
         {
             "description": "Font family across all components.\n",
             "commentRange": {
-                "start": 281,
-                "end": 282
+                "start": 283,
+                "end": 284
             },
             "context": {
                 "type": "variable",
@@ -20814,8 +21111,8 @@
                 "value": "Roboto, \"Helvetica Neue\", sans-serif",
                 "scope": "default",
                 "line": {
-                    "start": 283,
-                    "end": 283
+                    "start": 285,
+                    "end": 285
                 }
             },
             "group": [
@@ -20832,8 +21129,8 @@
         {
             "description": "Line height used along with $kendo-font-size.\n",
             "commentRange": {
-                "start": 285,
-                "end": 286
+                "start": 287,
+                "end": 288
             },
             "context": {
                 "type": "variable",
@@ -20841,8 +21138,8 @@
                 "value": "k-math-div( 28, 14 )",
                 "scope": "default",
                 "line": {
-                    "start": 287,
-                    "end": 287
+                    "start": 289,
+                    "end": 289
                 }
             },
             "group": [
@@ -20859,8 +21156,8 @@
         {
             "description": "Border radius for all components.\n",
             "commentRange": {
-                "start": 127,
-                "end": 127
+                "start": 129,
+                "end": 129
             },
             "context": {
                 "type": "variable",
@@ -20868,8 +21165,8 @@
                 "value": "k-map-get( $kendo-spacing, 1 )",
                 "scope": "default",
                 "line": {
-                    "start": 128,
-                    "end": 128
+                    "start": 130,
+                    "end": 130
                 }
             },
             "access": "public",
@@ -20886,8 +21183,8 @@
         {
             "description": "The background of the components' chrome area.\n",
             "commentRange": {
-                "start": 339,
-                "end": 339
+                "start": 341,
+                "end": 341
             },
             "context": {
                 "type": "variable",
@@ -20895,8 +21192,8 @@
                 "value": "k-map-get( $theme, base-bg )",
                 "scope": "default",
                 "line": {
-                    "start": 340,
-                    "end": 340
+                    "start": 342,
+                    "end": 342
                 }
             },
             "access": "public",
@@ -20913,8 +21210,8 @@
         {
             "description": "The text color of the components' chrome area.\n",
             "commentRange": {
-                "start": 341,
-                "end": 341
+                "start": 343,
+                "end": 343
             },
             "context": {
                 "type": "variable",
@@ -20922,8 +21219,8 @@
                 "value": "k-map-get( $theme, component-text )",
                 "scope": "default",
                 "line": {
-                    "start": 342,
-                    "end": 342
+                    "start": 344,
+                    "end": 344
                 }
             },
             "access": "public",
@@ -20940,8 +21237,8 @@
         {
             "description": "The border of the components' chrome area.\n",
             "commentRange": {
-                "start": 343,
-                "end": 343
+                "start": 345,
+                "end": 345
             },
             "context": {
                 "type": "variable",
@@ -20949,8 +21246,8 @@
                 "value": "rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 )",
                 "scope": "default",
                 "line": {
-                    "start": 344,
-                    "end": 344
+                    "start": 346,
+                    "end": 346
                 }
             },
             "access": "public",
@@ -20967,8 +21264,8 @@
         {
             "description": "The gradient background of the components' chrome area.\n",
             "commentRange": {
-                "start": 345,
-                "end": 345
+                "start": 347,
+                "end": 347
             },
             "context": {
                 "type": "variable",
@@ -20976,8 +21273,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 346,
-                    "end": 346
+                    "start": 348,
+                    "end": 348
                 }
             },
             "access": "public",
@@ -20994,8 +21291,8 @@
         {
             "description": "The background of hovered items.\n",
             "commentRange": {
-                "start": 348,
-                "end": 348
+                "start": 350,
+                "end": 350
             },
             "context": {
                 "type": "variable",
@@ -21003,8 +21300,8 @@
                 "value": "k-map-get( $theme, hover-bg )",
                 "scope": "default",
                 "line": {
-                    "start": 349,
-                    "end": 349
+                    "start": 351,
+                    "end": 351
                 }
             },
             "access": "public",
@@ -21021,8 +21318,8 @@
         {
             "description": "The text color of hovered items.\n",
             "commentRange": {
-                "start": 350,
-                "end": 350
+                "start": 352,
+                "end": 352
             },
             "context": {
                 "type": "variable",
@@ -21030,8 +21327,8 @@
                 "value": "$kendo-base-text",
                 "scope": "default",
                 "line": {
-                    "start": 351,
-                    "end": 351
+                    "start": 353,
+                    "end": 353
                 }
             },
             "access": "public",
@@ -21048,8 +21345,8 @@
         {
             "description": "The border color of hovered items.\n",
             "commentRange": {
-                "start": 352,
-                "end": 352
+                "start": 354,
+                "end": 354
             },
             "context": {
                 "type": "variable",
@@ -21057,8 +21354,8 @@
                 "value": "rgba( $kendo-base-border, .15 )",
                 "scope": "default",
                 "line": {
-                    "start": 353,
-                    "end": 353
+                    "start": 355,
+                    "end": 355
                 }
             },
             "access": "public",
@@ -21075,8 +21372,8 @@
         {
             "description": "The gradient background of hovered items.\n",
             "commentRange": {
-                "start": 354,
-                "end": 354
+                "start": 356,
+                "end": 356
             },
             "context": {
                 "type": "variable",
@@ -21084,8 +21381,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 355,
-                    "end": 355
+                    "start": 357,
+                    "end": 357
                 }
             },
             "access": "public",
@@ -21102,8 +21399,8 @@
         {
             "description": "The background of selected items.\n",
             "commentRange": {
-                "start": 357,
-                "end": 357
+                "start": 359,
+                "end": 359
             },
             "context": {
                 "type": "variable",
@@ -21111,8 +21408,8 @@
                 "value": "$kendo-color-secondary",
                 "scope": "default",
                 "line": {
-                    "start": 358,
-                    "end": 358
+                    "start": 360,
+                    "end": 360
                 }
             },
             "access": "public",
@@ -21129,8 +21426,8 @@
         {
             "description": "The text color of selected items.\n",
             "commentRange": {
-                "start": 359,
-                "end": 359
+                "start": 361,
+                "end": 361
             },
             "context": {
                 "type": "variable",
@@ -21138,8 +21435,8 @@
                 "value": "$kendo-color-secondary-contrast",
                 "scope": "default",
                 "line": {
-                    "start": 360,
-                    "end": 360
+                    "start": 362,
+                    "end": 362
                 }
             },
             "access": "public",
@@ -21156,8 +21453,8 @@
         {
             "description": "The border color of selected items.\n",
             "commentRange": {
-                "start": 361,
-                "end": 361
+                "start": 363,
+                "end": 363
             },
             "context": {
                 "type": "variable",
@@ -21165,8 +21462,8 @@
                 "value": "rgba( $kendo-base-border, .1 )",
                 "scope": "default",
                 "line": {
-                    "start": 362,
-                    "end": 362
+                    "start": 364,
+                    "end": 364
                 }
             },
             "access": "public",
@@ -21183,8 +21480,8 @@
         {
             "description": "The gradient background of selected items.\n",
             "commentRange": {
-                "start": 363,
-                "end": 363
+                "start": 365,
+                "end": 365
             },
             "context": {
                 "type": "variable",
@@ -21192,8 +21489,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 364,
-                    "end": 364
+                    "start": 366,
+                    "end": 366
                 }
             },
             "access": "public",
@@ -21274,8 +21571,8 @@
                 {
                     "description": "Border radius for all components.\n",
                     "commentRange": {
-                        "start": 127,
-                        "end": 127
+                        "start": 129,
+                        "end": 129
                     },
                     "context": {
                         "type": "variable",
@@ -21283,8 +21580,8 @@
                         "value": "k-map-get( $kendo-spacing, 1 )",
                         "scope": "default",
                         "line": {
-                            "start": 128,
-                            "end": 128
+                            "start": 130,
+                            "end": 130
                         }
                     },
                     "access": "public",
@@ -21301,8 +21598,8 @@
                 {
                     "description": "The background of the components' chrome area.\n",
                     "commentRange": {
-                        "start": 339,
-                        "end": 339
+                        "start": 341,
+                        "end": 341
                     },
                     "context": {
                         "type": "variable",
@@ -21310,8 +21607,8 @@
                         "value": "k-map-get( $theme, base-bg )",
                         "scope": "default",
                         "line": {
-                            "start": 340,
-                            "end": 340
+                            "start": 342,
+                            "end": 342
                         }
                     },
                     "access": "public",
@@ -21328,8 +21625,8 @@
                 {
                     "description": "The text color of the components' chrome area.\n",
                     "commentRange": {
-                        "start": 341,
-                        "end": 341
+                        "start": 343,
+                        "end": 343
                     },
                     "context": {
                         "type": "variable",
@@ -21337,8 +21634,8 @@
                         "value": "k-map-get( $theme, component-text )",
                         "scope": "default",
                         "line": {
-                            "start": 342,
-                            "end": 342
+                            "start": 344,
+                            "end": 344
                         }
                     },
                     "access": "public",
@@ -21355,8 +21652,8 @@
                 {
                     "description": "The border of the components' chrome area.\n",
                     "commentRange": {
-                        "start": 343,
-                        "end": 343
+                        "start": 345,
+                        "end": 345
                     },
                     "context": {
                         "type": "variable",
@@ -21364,8 +21661,8 @@
                         "value": "rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 )",
                         "scope": "default",
                         "line": {
-                            "start": 344,
-                            "end": 344
+                            "start": 346,
+                            "end": 346
                         }
                     },
                     "access": "public",
@@ -21382,8 +21679,8 @@
                 {
                     "description": "The gradient background of the components' chrome area.\n",
                     "commentRange": {
-                        "start": 345,
-                        "end": 345
+                        "start": 347,
+                        "end": 347
                     },
                     "context": {
                         "type": "variable",
@@ -21391,8 +21688,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 346,
-                            "end": 346
+                            "start": 348,
+                            "end": 348
                         }
                     },
                     "access": "public",
@@ -21409,8 +21706,8 @@
                 {
                     "description": "The background of hovered items.\n",
                     "commentRange": {
-                        "start": 348,
-                        "end": 348
+                        "start": 350,
+                        "end": 350
                     },
                     "context": {
                         "type": "variable",
@@ -21418,8 +21715,8 @@
                         "value": "k-map-get( $theme, hover-bg )",
                         "scope": "default",
                         "line": {
-                            "start": 349,
-                            "end": 349
+                            "start": 351,
+                            "end": 351
                         }
                     },
                     "access": "public",
@@ -21436,8 +21733,8 @@
                 {
                     "description": "The text color of hovered items.\n",
                     "commentRange": {
-                        "start": 350,
-                        "end": 350
+                        "start": 352,
+                        "end": 352
                     },
                     "context": {
                         "type": "variable",
@@ -21445,8 +21742,8 @@
                         "value": "$kendo-base-text",
                         "scope": "default",
                         "line": {
-                            "start": 351,
-                            "end": 351
+                            "start": 353,
+                            "end": 353
                         }
                     },
                     "access": "public",
@@ -21463,8 +21760,8 @@
                 {
                     "description": "The border color of hovered items.\n",
                     "commentRange": {
-                        "start": 352,
-                        "end": 352
+                        "start": 354,
+                        "end": 354
                     },
                     "context": {
                         "type": "variable",
@@ -21472,8 +21769,8 @@
                         "value": "rgba( $kendo-base-border, .15 )",
                         "scope": "default",
                         "line": {
-                            "start": 353,
-                            "end": 353
+                            "start": 355,
+                            "end": 355
                         }
                     },
                     "access": "public",
@@ -21490,8 +21787,8 @@
                 {
                     "description": "The gradient background of hovered items.\n",
                     "commentRange": {
-                        "start": 354,
-                        "end": 354
+                        "start": 356,
+                        "end": 356
                     },
                     "context": {
                         "type": "variable",
@@ -21499,8 +21796,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 355,
-                            "end": 355
+                            "start": 357,
+                            "end": 357
                         }
                     },
                     "access": "public",
@@ -21517,8 +21814,8 @@
                 {
                     "description": "The background of selected items.\n",
                     "commentRange": {
-                        "start": 357,
-                        "end": 357
+                        "start": 359,
+                        "end": 359
                     },
                     "context": {
                         "type": "variable",
@@ -21526,8 +21823,8 @@
                         "value": "$kendo-color-secondary",
                         "scope": "default",
                         "line": {
-                            "start": 358,
-                            "end": 358
+                            "start": 360,
+                            "end": 360
                         }
                     },
                     "access": "public",
@@ -21544,8 +21841,8 @@
                 {
                     "description": "The text color of selected items.\n",
                     "commentRange": {
-                        "start": 359,
-                        "end": 359
+                        "start": 361,
+                        "end": 361
                     },
                     "context": {
                         "type": "variable",
@@ -21553,8 +21850,8 @@
                         "value": "$kendo-color-secondary-contrast",
                         "scope": "default",
                         "line": {
-                            "start": 360,
-                            "end": 360
+                            "start": 362,
+                            "end": 362
                         }
                     },
                     "access": "public",
@@ -21571,8 +21868,8 @@
                 {
                     "description": "The border color of selected items.\n",
                     "commentRange": {
-                        "start": 361,
-                        "end": 361
+                        "start": 363,
+                        "end": 363
                     },
                     "context": {
                         "type": "variable",
@@ -21580,8 +21877,8 @@
                         "value": "rgba( $kendo-base-border, .1 )",
                         "scope": "default",
                         "line": {
-                            "start": 362,
-                            "end": 362
+                            "start": 364,
+                            "end": 364
                         }
                     },
                     "access": "public",
@@ -21598,8 +21895,8 @@
                 {
                     "description": "The gradient background of selected items.\n",
                     "commentRange": {
-                        "start": 363,
-                        "end": 363
+                        "start": 365,
+                        "end": 365
                     },
                     "context": {
                         "type": "variable",
@@ -21607,8 +21904,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 364,
-                            "end": 364
+                            "start": 366,
+                            "end": 366
                         }
                     },
                     "access": "public",
@@ -26311,8 +26608,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": 153,
-                        "end": 156
+                        "start": 155,
+                        "end": 158
                     },
                     "context": {
                         "type": "variable",
@@ -26320,8 +26617,8 @@
                         "value": "material-color( $primary-palette, main )",
                         "scope": "default",
                         "line": {
-                            "start": 157,
-                            "end": 157
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -26339,8 +26636,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": 161,
-                        "end": 164
+                        "start": 163,
+                        "end": 166
                     },
                     "context": {
                         "type": "variable",
@@ -26348,8 +26645,8 @@
                         "value": "material-color( $primary-palette, main-contrast )",
                         "scope": "default",
                         "line": {
-                            "start": 165,
-                            "end": 165
+                            "start": 167,
+                            "end": 167
                         }
                     },
                     "group": [
@@ -26367,8 +26664,8 @@
                 {
                     "description": "The secondary color of the theme.\n",
                     "commentRange": {
-                        "start": 167,
-                        "end": 169
+                        "start": 169,
+                        "end": 171
                     },
                     "context": {
                         "type": "variable",
@@ -26376,8 +26673,8 @@
                         "value": "material-color( $secondary-palette, main )",
                         "scope": "default",
                         "line": {
-                            "start": 170,
-                            "end": 170
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -26395,8 +26692,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": 174,
-                        "end": 177
+                        "start": 176,
+                        "end": 179
                     },
                     "context": {
                         "type": "variable",
@@ -26404,8 +26701,8 @@
                         "value": "material-color( $secondary-palette, main-contrast )",
                         "scope": "default",
                         "line": {
-                            "start": 178,
-                            "end": 178
+                            "start": 180,
+                            "end": 180
                         }
                     },
                     "group": [
@@ -26423,8 +26720,8 @@
                 {
                     "description": "The tertiary color of the theme.\n",
                     "commentRange": {
-                        "start": 180,
-                        "end": 182
+                        "start": 182,
+                        "end": 184
                     },
                     "context": {
                         "type": "variable",
@@ -26432,8 +26729,8 @@
                         "value": "material-color($tertiary-palette, main)",
                         "scope": "default",
                         "line": {
-                            "start": 183,
-                            "end": 183
+                            "start": 185,
+                            "end": 185
                         }
                     },
                     "group": [
@@ -26451,8 +26748,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": 187,
-                        "end": 190
+                        "start": 189,
+                        "end": 192
                     },
                     "context": {
                         "type": "variable",
@@ -26460,8 +26757,8 @@
                         "value": "material-color($tertiary-palette, main-contrast)",
                         "scope": "default",
                         "line": {
-                            "start": 191,
-                            "end": 191
+                            "start": 193,
+                            "end": 193
                         }
                     },
                     "group": [
@@ -26479,8 +26776,8 @@
                 {
                     "description": "The color for informational messages and states.\n",
                     "commentRange": {
-                        "start": 193,
-                        "end": 195
+                        "start": 195,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -26488,8 +26785,8 @@
                         "value": "#0058e9",
                         "scope": "default",
                         "line": {
-                            "start": 196,
-                            "end": 196
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -26507,8 +26804,8 @@
                 {
                     "description": "The color for success messages and states.\n",
                     "commentRange": {
-                        "start": 200,
-                        "end": 202
+                        "start": 202,
+                        "end": 204
                     },
                     "context": {
                         "type": "variable",
@@ -26516,8 +26813,8 @@
                         "value": "#37b400",
                         "scope": "default",
                         "line": {
-                            "start": 203,
-                            "end": 203
+                            "start": 205,
+                            "end": 205
                         }
                     },
                     "group": [
@@ -26535,8 +26832,8 @@
                 {
                     "description": "The color for warning messages and states.\n",
                     "commentRange": {
-                        "start": 207,
-                        "end": 209
+                        "start": 209,
+                        "end": 211
                     },
                     "context": {
                         "type": "variable",
@@ -26544,8 +26841,8 @@
                         "value": "#ffc000",
                         "scope": "default",
                         "line": {
-                            "start": 210,
-                            "end": 210
+                            "start": 212,
+                            "end": 212
                         }
                     },
                     "group": [
@@ -26563,8 +26860,8 @@
                 {
                     "description": "The color for error messages and states.\n",
                     "commentRange": {
-                        "start": 214,
-                        "end": 216
+                        "start": 216,
+                        "end": 218
                     },
                     "context": {
                         "type": "variable",
@@ -26572,8 +26869,8 @@
                         "value": "#f31700",
                         "scope": "default",
                         "line": {
-                            "start": 217,
-                            "end": 217
+                            "start": 219,
+                            "end": 219
                         }
                     },
                     "group": [
@@ -26591,8 +26888,8 @@
                 {
                     "description": "The dark color of the theme.\n",
                     "commentRange": {
-                        "start": 221,
-                        "end": 223
+                        "start": 223,
+                        "end": 225
                     },
                     "context": {
                         "type": "variable",
@@ -26600,8 +26897,8 @@
                         "value": "get-base-hue( gray, 800 )",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 226,
+                            "end": 226
                         }
                     },
                     "group": [
@@ -26619,8 +26916,8 @@
                 {
                     "description": "The light color of the theme.\n",
                     "commentRange": {
-                        "start": 226,
-                        "end": 228
+                        "start": 228,
+                        "end": 230
                     },
                     "context": {
                         "type": "variable",
@@ -26628,8 +26925,8 @@
                         "value": "get-base-hue( gray, 100 )",
                         "scope": "default",
                         "line": {
-                            "start": 229,
-                            "end": 229
+                            "start": 231,
+                            "end": 231
                         }
                     },
                     "group": [
@@ -26647,8 +26944,8 @@
                 {
                     "description": "Inverse color of the theme. Depending on the theme luminance dark or light, it will be light or dark\n",
                     "commentRange": {
-                        "start": 231,
-                        "end": 232
+                        "start": 233,
+                        "end": 234
                     },
                     "context": {
                         "type": "variable",
@@ -26656,8 +26953,8 @@
                         "value": "if( $kendo-is-dark-theme, $kendo-color-light, $kendo-color-dark )",
                         "scope": "default",
                         "line": {
-                            "start": 233,
-                            "end": 233
+                            "start": 235,
+                            "end": 235
                         }
                     },
                     "group": [
@@ -26680,8 +26977,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": 325,
-                        "end": 327
+                        "start": 327,
+                        "end": 329
                     },
                     "context": {
                         "type": "variable",
@@ -26689,8 +26986,8 @@
                         "value": "k-map-get( $theme, component-bg )",
                         "scope": "default",
                         "line": {
-                            "start": 328,
-                            "end": 328
+                            "start": 330,
+                            "end": 330
                         }
                     },
                     "group": [
@@ -26707,8 +27004,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": 329,
-                        "end": 331
+                        "start": 331,
+                        "end": 333
                     },
                     "context": {
                         "type": "variable",
@@ -26716,8 +27013,8 @@
                         "value": "k-map-get( $theme, component-text )",
                         "scope": "default",
                         "line": {
-                            "start": 332,
-                            "end": 332
+                            "start": 334,
+                            "end": 334
                         }
                     },
                     "group": [
@@ -26734,8 +27031,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": 333,
-                        "end": 335
+                        "start": 335,
+                        "end": 337
                     },
                     "context": {
                         "type": "variable",
@@ -26743,8 +27040,8 @@
                         "value": "k-map-get( $theme, component-border )",
                         "scope": "default",
                         "line": {
-                            "start": 336,
-                            "end": 336
+                            "start": 338,
+                            "end": 338
                         }
                     },
                     "group": [
@@ -27473,19 +27770,46 @@
                     "resolvedType": "Map"
                 },
                 {
-                    "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"
+                    },
+                    "resolvedValue": "(sm: (padding-x: 8px, padding-y: 8px), md: (padding-x: 16px, padding-y: 16px), lg: (padding-x: 24px, padding-y: 24px))",
+                    "resolvedType": "Map"
+                },
+                {
+                    "description": "The base shadow of the FAB.\n",
+                    "commentRange": {
+                        "start": 110,
+                        "end": 111
+                    },
                     "context": {
                         "type": "variable",
                         "name": "kendo-fab-shadow",
                         "value": "0px 3px 5px -1px rgba( black, .2 ), 0px 6px 10px rgba( black, .14 ), 0px 1px 18px rgba( black, .12 )",
                         "scope": "default",
                         "line": {
-                            "start": 95,
-                            "end": 95
+                            "start": 112,
+                            "end": 112
                         }
                     },
                     "group": [
@@ -27502,8 +27826,8 @@
                 {
                     "description": "The disabled shadow of the FAB.\n",
                     "commentRange": {
-                        "start": 96,
-                        "end": 97
+                        "start": 113,
+                        "end": 114
                     },
                     "context": {
                         "type": "variable",
@@ -27511,8 +27835,8 @@
                         "value": "0px 3px 5px -1px k-try-tint( rgba( black, .2 ), .5 ), 0px 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0px 1px 18px k-try-tint( rgba( black, .12 ), .5 )",
                         "scope": "default",
                         "line": {
-                            "start": 98,
-                            "end": 98
+                            "start": 115,
+                            "end": 115
                         }
                     },
                     "group": [
@@ -27529,8 +27853,8 @@
                 {
                     "description": "The active shadow of the FAB.\n",
                     "commentRange": {
-                        "start": 99,
-                        "end": 100
+                        "start": 116,
+                        "end": 117
                     },
                     "context": {
                         "type": "variable",
@@ -27538,8 +27862,8 @@
                         "value": "0px 5px 5px -3px rgba( black, .2 ), 0px 8px 10px 1px rgba( black, .14 ), 0px 3px 14px 2px rgba( black, .12 )",
                         "scope": "default",
                         "line": {
-                            "start": 101,
-                            "end": 101
+                            "start": 118,
+                            "end": 118
                         }
                     },
                     "group": [
@@ -27556,8 +27880,8 @@
                 {
                     "description": "The base text color of the FAB item.\n",
                     "commentRange": {
-                        "start": 103,
-                        "end": 104
+                        "start": 120,
+                        "end": 121
                     },
                     "context": {
                         "type": "variable",
@@ -27565,8 +27889,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 105,
-                            "end": 105
+                            "start": 122,
+                            "end": 122
                         }
                     },
                     "group": [
@@ -27583,8 +27907,8 @@
                 {
                     "description": "The base background color of the FAB item.\n",
                     "commentRange": {
-                        "start": 106,
-                        "end": 107
+                        "start": 123,
+                        "end": 124
                     },
                     "context": {
                         "type": "variable",
@@ -27592,8 +27916,8 @@
                         "value": "$kendo-component-bg",
                         "scope": "default",
                         "line": {
-                            "start": 108,
-                            "end": 108
+                            "start": 125,
+                            "end": 125
                         }
                     },
                     "group": [
@@ -27610,8 +27934,8 @@
                 {
                     "description": "The base border color of the FAB item.\n",
                     "commentRange": {
-                        "start": 109,
-                        "end": 110
+                        "start": 126,
+                        "end": 127
                     },
                     "context": {
                         "type": "variable",
@@ -27619,8 +27943,8 @@
                         "value": "$kendo-component-border",
                         "scope": "default",
                         "line": {
-                            "start": 111,
-                            "end": 111
+                            "start": 128,
+                            "end": 128
                         }
                     },
                     "group": [
@@ -27637,8 +27961,8 @@
                 {
                     "description": "The base text color of the FAB item icon.\n",
                     "commentRange": {
-                        "start": 113,
-                        "end": 114
+                        "start": 130,
+                        "end": 131
                     },
                     "context": {
                         "type": "variable",
@@ -27646,8 +27970,8 @@
                         "value": "$kendo-button-text",
                         "scope": "default",
                         "line": {
-                            "start": 115,
-                            "end": 115
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -27664,8 +27988,8 @@
                 {
                     "description": "The base background color of the FAB item icon.\n",
                     "commentRange": {
-                        "start": 116,
-                        "end": 117
+                        "start": 133,
+                        "end": 134
                     },
                     "context": {
                         "type": "variable",
@@ -27673,8 +27997,8 @@
                         "value": "$kendo-button-bg",
                         "scope": "default",
                         "line": {
-                            "start": 118,
-                            "end": 118
+                            "start": 135,
+                            "end": 135
                         }
                     },
                     "group": [
@@ -27691,8 +28015,8 @@
                 {
                     "description": "The base border color of the FAB item icon.\n",
                     "commentRange": {
-                        "start": 119,
-                        "end": 120
+                        "start": 136,
+                        "end": 137
                     },
                     "context": {
                         "type": "variable",
@@ -27700,8 +28024,8 @@
                         "value": "$kendo-button-border",
                         "scope": "default",
                         "line": {
-                            "start": 121,
-                            "end": 121
+                            "start": 138,
+                            "end": 138
                         }
                     },
                     "group": [
@@ -27718,8 +28042,8 @@
                 {
                     "description": "The base shadow of the FAB item.\n",
                     "commentRange": {
-                        "start": 123,
-                        "end": 124
+                        "start": 140,
+                        "end": 141
                     },
                     "context": {
                         "type": "variable",
@@ -27727,8 +28051,8 @@
                         "value": "$kendo-fab-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 125,
-                            "end": 125
+                            "start": 142,
+                            "end": 142
                         }
                     },
                     "group": [
@@ -27745,8 +28069,8 @@
                 {
                     "description": "The disabled shadow of the FAB item.\n",
                     "commentRange": {
-                        "start": 126,
-                        "end": 127
+                        "start": 143,
+                        "end": 144
                     },
                     "context": {
                         "type": "variable",
@@ -27754,8 +28078,8 @@
                         "value": "$kendo-fab-disabled-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 128,
-                            "end": 128
+                            "start": 145,
+                            "end": 145
                         }
                     },
                     "group": [
@@ -27772,8 +28096,8 @@
                 {
                     "description": "The active shadow of the FAB item.\n",
                     "commentRange": {
-                        "start": 129,
-                        "end": 130
+                        "start": 146,
+                        "end": 147
                     },
                     "context": {
                         "type": "variable",
@@ -27781,8 +28105,8 @@
                         "value": "$kendo-fab-active-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 131,
-                            "end": 131
+                            "start": 148,
+                            "end": 148
                         }
                     },
                     "group": [
@@ -28129,8 +28453,8 @@
                 {
                     "description": "Background color of the grid component\n",
                     "commentRange": {
-                        "start": 130,
-                        "end": 131
+                        "start": 138,
+                        "end": 139
                     },
                     "context": {
                         "type": "variable",
@@ -28138,8 +28462,8 @@
                         "value": "$kendo-table-bg",
                         "scope": "default",
                         "line": {
-                            "start": 132,
-                            "end": 132
+                            "start": 140,
+                            "end": 140
                         }
                     },
                     "group": [
@@ -28156,8 +28480,8 @@
                 {
                     "description": "Text color of the grid component\n",
                     "commentRange": {
-                        "start": 133,
-                        "end": 134
+                        "start": 141,
+                        "end": 142
                     },
                     "context": {
                         "type": "variable",
@@ -28165,8 +28489,8 @@
                         "value": "$kendo-table-text",
                         "scope": "default",
                         "line": {
-                            "start": 135,
-                            "end": 135
+                            "start": 143,
+                            "end": 143
                         }
                     },
                     "group": [
@@ -28183,8 +28507,8 @@
                 {
                     "description": "Border color of the grid component\n",
                     "commentRange": {
-                        "start": 136,
-                        "end": 137
+                        "start": 144,
+                        "end": 145
                     },
                     "context": {
                         "type": "variable",
@@ -28192,8 +28516,8 @@
                         "value": "$kendo-table-border",
                         "scope": "default",
                         "line": {
-                            "start": 138,
-                            "end": 138
+                            "start": 146,
+                            "end": 146
                         }
                     },
                     "group": [
@@ -28210,8 +28534,8 @@
                 {
                     "description": "Background color of grid header\n",
                     "commentRange": {
-                        "start": 140,
-                        "end": 141
+                        "start": 148,
+                        "end": 149
                     },
                     "context": {
                         "type": "variable",
@@ -28219,8 +28543,8 @@
                         "value": "$kendo-table-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 142,
-                            "end": 142
+                            "start": 150,
+                            "end": 150
                         }
                     },
                     "group": [
@@ -28237,8 +28561,8 @@
                 {
                     "description": "Background color of grid header\n",
                     "commentRange": {
-                        "start": 143,
-                        "end": 144
+                        "start": 151,
+                        "end": 152
                     },
                     "context": {
                         "type": "variable",
@@ -28246,8 +28570,8 @@
                         "value": "$kendo-table-header-text",
                         "scope": "default",
                         "line": {
-                            "start": 145,
-                            "end": 145
+                            "start": 153,
+                            "end": 153
                         }
                     },
                     "group": [
@@ -28264,8 +28588,8 @@
                 {
                     "description": "Border color of grid header\n",
                     "commentRange": {
-                        "start": 146,
-                        "end": 147
+                        "start": 154,
+                        "end": 155
                     },
                     "context": {
                         "type": "variable",
@@ -28273,8 +28597,8 @@
                         "value": "$kendo-table-header-border",
                         "scope": "default",
                         "line": {
-                            "start": 148,
-                            "end": 148
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -28291,8 +28615,8 @@
                 {
                     "description": "Background gradient of grid header\n",
                     "commentRange": {
-                        "start": 149,
-                        "end": 150
+                        "start": 157,
+                        "end": 158
                     },
                     "context": {
                         "type": "variable",
@@ -28300,8 +28624,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 151,
-                            "end": 151
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -28318,8 +28642,8 @@
                 {
                     "description": "Background color of grid footer\n",
                     "commentRange": {
-                        "start": 153,
-                        "end": 154
+                        "start": 161,
+                        "end": 162
                     },
                     "context": {
                         "type": "variable",
@@ -28327,8 +28651,8 @@
                         "value": "$kendo-table-footer-bg",
                         "scope": "default",
                         "line": {
-                            "start": 155,
-                            "end": 155
+                            "start": 163,
+                            "end": 163
                         }
                     },
                     "group": [
@@ -28345,8 +28669,8 @@
                 {
                     "description": "Text color of grid footer\n",
                     "commentRange": {
-                        "start": 156,
-                        "end": 157
+                        "start": 164,
+                        "end": 165
                     },
                     "context": {
                         "type": "variable",
@@ -28354,8 +28678,8 @@
                         "value": "$kendo-table-footer-text",
                         "scope": "default",
                         "line": {
-                            "start": 158,
-                            "end": 158
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -28372,8 +28696,8 @@
                 {
                     "description": "Border color of grid footer\n",
                     "commentRange": {
-                        "start": 159,
-                        "end": 160
+                        "start": 167,
+                        "end": 168
                     },
                     "context": {
                         "type": "variable",
@@ -28381,8 +28705,8 @@
                         "value": "$kendo-table-footer-border",
                         "scope": "default",
                         "line": {
-                            "start": 161,
-                            "end": 161
+                            "start": 169,
+                            "end": 169
                         }
                     },
                     "group": [
@@ -28399,8 +28723,8 @@
                 {
                     "description": "Background color of alternating rows in grid\n",
                     "commentRange": {
-                        "start": 164,
-                        "end": 165
+                        "start": 172,
+                        "end": 173
                     },
                     "context": {
                         "type": "variable",
@@ -28408,8 +28732,8 @@
                         "value": "$kendo-table-alt-row-bg",
                         "scope": "default",
                         "line": {
-                            "start": 166,
-                            "end": 166
+                            "start": 174,
+                            "end": 174
                         }
                     },
                     "group": [
@@ -28426,8 +28750,8 @@
                 {
                     "description": "Text color of alternating rows in grid\n",
                     "commentRange": {
-                        "start": 167,
-                        "end": 168
+                        "start": 175,
+                        "end": 176
                     },
                     "context": {
                         "type": "variable",
@@ -28435,8 +28759,8 @@
                         "value": "$kendo-table-alt-row-text",
                         "scope": "default",
                         "line": {
-                            "start": 169,
-                            "end": 169
+                            "start": 177,
+                            "end": 177
                         }
                     },
                     "group": [
@@ -28453,8 +28777,8 @@
                 {
                     "description": "Text color of alternating rows in grid\n",
                     "commentRange": {
-                        "start": 170,
-                        "end": 171
+                        "start": 178,
+                        "end": 179
                     },
                     "context": {
                         "type": "variable",
@@ -28462,8 +28786,8 @@
                         "value": "$kendo-table-alt-row-border",
                         "scope": "default",
                         "line": {
-                            "start": 172,
-                            "end": 172
+                            "start": 180,
+                            "end": 180
                         }
                     },
                     "group": [
@@ -28480,8 +28804,8 @@
                 {
                     "description": "Background color of hovered rows in grid\n",
                     "commentRange": {
-                        "start": 174,
-                        "end": 175
+                        "start": 182,
+                        "end": 183
                     },
                     "context": {
                         "type": "variable",
@@ -28489,8 +28813,8 @@
                         "value": "$kendo-table-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 176,
-                            "end": 176
+                            "start": 184,
+                            "end": 184
                         }
                     },
                     "group": [
@@ -28507,8 +28831,8 @@
                 {
                     "description": "Text color of hovered rows in grid\n",
                     "commentRange": {
-                        "start": 177,
-                        "end": 178
+                        "start": 185,
+                        "end": 186
                     },
                     "context": {
                         "type": "variable",
@@ -28516,8 +28840,8 @@
                         "value": "$kendo-table-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 179,
-                            "end": 179
+                            "start": 187,
+                            "end": 187
                         }
                     },
                     "group": [
@@ -28534,8 +28858,8 @@
                 {
                     "description": "Border color of hovered rows in grid\n",
                     "commentRange": {
-                        "start": 180,
-                        "end": 181
+                        "start": 188,
+                        "end": 189
                     },
                     "context": {
                         "type": "variable",
@@ -28543,8 +28867,8 @@
                         "value": "$kendo-table-hover-border",
                         "scope": "default",
                         "line": {
-                            "start": 182,
-                            "end": 182
+                            "start": 190,
+                            "end": 190
                         }
                     },
                     "group": [
@@ -28561,8 +28885,8 @@
                 {
                     "description": "Background color of selected rows in grid\n",
                     "commentRange": {
-                        "start": 184,
-                        "end": 185
+                        "start": 192,
+                        "end": 193
                     },
                     "context": {
                         "type": "variable",
@@ -28570,8 +28894,8 @@
                         "value": "$kendo-table-selected-bg",
                         "scope": "default",
                         "line": {
-                            "start": 186,
-                            "end": 186
+                            "start": 194,
+                            "end": 194
                         }
                     },
                     "group": [
@@ -28588,8 +28912,8 @@
                 {
                     "description": "Text color of selected rows in grid\n",
                     "commentRange": {
-                        "start": 187,
-                        "end": 188
+                        "start": 195,
+                        "end": 196
                     },
                     "context": {
                         "type": "variable",
@@ -28597,8 +28921,8 @@
                         "value": "$kendo-table-selected-text",
                         "scope": "default",
                         "line": {
-                            "start": 189,
-                            "end": 189
+                            "start": 197,
+                            "end": 197
                         }
                     },
                     "group": [
@@ -28615,8 +28939,8 @@
                 {
                     "description": "Border color of selected rows in grid\n",
                     "commentRange": {
-                        "start": 190,
-                        "end": 191
+                        "start": 198,
+                        "end": 199
                     },
                     "context": {
                         "type": "variable",
@@ -28624,8 +28948,8 @@
                         "value": "$kendo-table-selected-border",
                         "scope": "default",
                         "line": {
-                            "start": 192,
-                            "end": 192
+                            "start": 200,
+                            "end": 200
                         }
                     },
                     "group": [
@@ -28638,6 +28962,276 @@
                     },
                     "resolvedValue": "null",
                     "resolvedType": "Null"
+                },
+                {
+                    "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"
+                    },
+                    "resolvedValue": "#ffffff",
+                    "resolvedType": "Color"
+                },
+                {
+                    "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"
+                    },
+                    "resolvedValue": "rgba(0, 0, 0, 0.87)",
+                    "resolvedType": "Color"
+                },
+                {
+                    "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": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "rgba(0, 0, 0, 0.12)",
+                    "resolvedType": "Color"
+                },
+                {
+                    "description": "Border width of the selection aggregates container\n",
+                    "commentRange": {
+                        "start": 211,
+                        "end": 212
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-selection-aggregates-border-width",
+                        "value": "$kendo-grid-border-width",
+                        "scope": "default",
+                        "line": {
+                            "start": 213,
+                            "end": 213
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "1px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "Spacing between the selection aggregates items\n",
+                    "commentRange": {
+                        "start": 214,
+                        "end": 215
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-selection-aggregates-spacing",
+                        "value": "k-map-get( $kendo-spacing, 2 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 216,
+                            "end": 216
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "8px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "Line height of the selection aggregates container\n",
+                    "commentRange": {
+                        "start": 217,
+                        "end": 218
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-selection-aggregates-line-height",
+                        "value": "20px",
+                        "scope": "default",
+                        "line": {
+                            "start": 219,
+                            "end": 219
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "20px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "Font weight of the selection aggregates container\n",
+                    "commentRange": {
+                        "start": 220,
+                        "end": 221
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-selection-aggregates-font-weight",
+                        "value": "$kendo-font-weight-bold",
+                        "scope": "default",
+                        "line": {
+                            "start": 222,
+                            "end": 222
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "700",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "Background color of the grid row resize indicator\n",
+                    "commentRange": {
+                        "start": 308,
+                        "end": 309
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-row-resizer-hover-bg",
+                        "value": "rgba( k-contrast-color( $kendo-grid-bg ), .24 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 310,
+                            "end": 310
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "rgba(0, 0, 0, 0.24)",
+                    "resolvedType": "Color"
+                },
+                {
+                    "description": "Active background color of the grid row resize indicator\n",
+                    "commentRange": {
+                        "start": 311,
+                        "end": 312
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-row-resizer-active-bg",
+                        "value": "$kendo-color-primary",
+                        "scope": "default",
+                        "line": {
+                            "start": 313,
+                            "end": 313
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "#3f51b5",
+                    "resolvedType": "Color"
+                },
+                {
+                    "description": "Height of the grid row resize indicator\n",
+                    "commentRange": {
+                        "start": 314,
+                        "end": 315
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-row-resizer-height",
+                        "value": "k-map-get( $kendo-spacing, .5 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 316,
+                            "end": 316
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "2px",
+                    "resolvedType": "Number"
                 }
             ]
         },
@@ -37630,8 +38224,8 @@
                 {
                     "description": "Color of shadows\n",
                     "commentRange": {
-                        "start": 78,
-                        "end": 79
+                        "start": 80,
+                        "end": 81
                     },
                     "context": {
                         "type": "variable",
@@ -37639,8 +38233,8 @@
                         "value": "k-map-get( $theme, elevation )",
                         "scope": "default",
                         "line": {
-                            "start": 80,
-                            "end": 80
+                            "start": 82,
+                            "end": 82
                         }
                     },
                     "group": [
@@ -37657,8 +38251,8 @@
                 {
                     "description": "Shadow for switch.\nEquivalent to material elevation 1.\n",
                     "commentRange": {
-                        "start": 81,
-                        "end": 83
+                        "start": 83,
+                        "end": 85
                     },
                     "context": {
                         "type": "variable",
@@ -37666,8 +38260,8 @@
                         "value": "0 2px 1px -1px rgba( $elevation, .2 ), 0 1px 1px 0 rgba( $elevation, .14 ), 0 1px 3px 0 rgba( $elevation, .12 )",
                         "scope": "default",
                         "line": {
-                            "start": 84,
-                            "end": 84
+                            "start": 86,
+                            "end": 86
                         }
                     },
                     "group": [
@@ -37684,8 +38278,8 @@
                 {
                     "description": "Shadow for resting state of button, card and other widgets.\nEquivalent to material elevation 2.\n",
                     "commentRange": {
-                        "start": 85,
-                        "end": 87
+                        "start": 87,
+                        "end": 89
                     },
                     "context": {
                         "type": "variable",
@@ -37693,8 +38287,8 @@
                         "value": "0 3px 1px -2px rgba( $elevation, .2 ), 0 2px 2px 0 rgba( $elevation, .14 ), 0 1px 5px 0 rgba( $elevation, .12 )",
                         "scope": "default",
                         "line": {
-                            "start": 88,
-                            "end": 88
+                            "start": 90,
+                            "end": 90
                         }
                     },
                     "group": [
@@ -37711,8 +38305,8 @@
                 {
                     "description": "Shadow for menu, popups and raised state of button and card.\nEquivalent to material elevation 8.\n",
                     "commentRange": {
-                        "start": 89,
-                        "end": 91
+                        "start": 91,
+                        "end": 93
                     },
                     "context": {
                         "type": "variable",
@@ -37720,8 +38314,8 @@
                         "value": "0 5px 5px -3px rgba( $elevation, .2 ), 0 8px 10px 1px rgba( $elevation, .14 ), 0 3px 14px 2px rgba( $elevation, .12 )",
                         "scope": "default",
                         "line": {
-                            "start": 92,
-                            "end": 92
+                            "start": 94,
+                            "end": 94
                         }
                     },
                     "group": [
@@ -37738,8 +38332,8 @@
                 {
                     "description": "Shadow for drawers and other overlaying elements.\nEquivalent to material elevation 16.\n",
                     "commentRange": {
-                        "start": 93,
-                        "end": 95
+                        "start": 95,
+                        "end": 97
                     },
                     "context": {
                         "type": "variable",
@@ -37747,8 +38341,8 @@
                         "value": "0 8px 10px -5px rgba( $elevation, .2 ), 0 16px 24px 2px rgba( $elevation, .14 ), 0 6px 30px 5px rgba( $elevation, .12 )",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 98,
+                            "end": 98
                         }
                     },
                     "group": [
@@ -37765,8 +38359,8 @@
                 {
                     "description": "Shadow for window and dialog.\nEquivalent to material elevation 24.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 99
+                        "start": 99,
+                        "end": 101
                     },
                     "context": {
                         "type": "variable",
@@ -37774,8 +38368,8 @@
                         "value": "0 11px 15px -7px rgba( $elevation, .2 ), 0 24px 38px 3px rgba( $elevation, .14 ), 0 9px 46px 8px rgba( $elevation, .12 )",
                         "scope": "default",
                         "line": {
-                            "start": 100,
-                            "end": 100
+                            "start": 102,
+                            "end": 102
                         }
                     },
                     "group": [
@@ -42532,8 +43126,8 @@
                 {
                     "description": "Base font size across all components.\n",
                     "commentRange": {
-                        "start": 252,
-                        "end": 253
+                        "start": 254,
+                        "end": 255
                     },
                     "context": {
                         "type": "variable",
@@ -42541,8 +43135,8 @@
                         "value": "14px",
                         "scope": "default",
                         "line": {
-                            "start": 254,
-                            "end": 254
+                            "start": 256,
+                            "end": 256
                         }
                     },
                     "group": [
@@ -42559,8 +43153,8 @@
                 {
                     "description": "Font family for text.\n",
                     "commentRange": {
-                        "start": 269,
-                        "end": 270
+                        "start": 271,
+                        "end": 272
                     },
                     "context": {
                         "type": "variable",
@@ -42568,8 +43162,8 @@
                         "value": "Roboto, \"Helvetica Neue\", sans-serif",
                         "scope": "default",
                         "line": {
-                            "start": 271,
-                            "end": 271
+                            "start": 273,
+                            "end": 273
                         }
                     },
                     "group": [
@@ -42586,8 +43180,8 @@
                 {
                     "description": "Font family across all components.\n",
                     "commentRange": {
-                        "start": 273,
-                        "end": 274
+                        "start": 275,
+                        "end": 276
                     },
                     "context": {
                         "type": "variable",
@@ -42595,8 +43189,8 @@
                         "value": "Roboto, \"Helvetica Neue\", sans-serif",
                         "scope": "default",
                         "line": {
-                            "start": 275,
-                            "end": 275
+                            "start": 277,
+                            "end": 277
                         }
                     },
                     "group": [
@@ -42613,8 +43207,8 @@
                 {
                     "description": "Font family for monospaced text. Used for styling the code.\n",
                     "commentRange": {
-                        "start": 277,
-                        "end": 278
+                        "start": 279,
+                        "end": 280
                     },
                     "context": {
                         "type": "variable",
@@ -42622,8 +43216,8 @@
                         "value": "Consolas, \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace",
                         "scope": "default",
                         "line": {
-                            "start": 279,
-                            "end": 279
+                            "start": 281,
+                            "end": 281
                         }
                     },
                     "group": [
@@ -42640,8 +43234,8 @@
                 {
                     "description": "Font family across all components.\n",
                     "commentRange": {
-                        "start": 281,
-                        "end": 282
+                        "start": 283,
+                        "end": 284
                     },
                     "context": {
                         "type": "variable",
@@ -42649,8 +43243,8 @@
                         "value": "Roboto, \"Helvetica Neue\", sans-serif",
                         "scope": "default",
                         "line": {
-                            "start": 283,
-                            "end": 283
+                            "start": 285,
+                            "end": 285
                         }
                     },
                     "group": [
@@ -42667,8 +43261,8 @@
                 {
                     "description": "Line height used along with $kendo-font-size.\n",
                     "commentRange": {
-                        "start": 285,
-                        "end": 286
+                        "start": 287,
+                        "end": 288
                     },
                     "context": {
                         "type": "variable",
@@ -42676,8 +43270,8 @@
                         "value": "k-math-div( 28, 14 )",
                         "scope": "default",
                         "line": {
-                            "start": 287,
-                            "end": 287
+                            "start": 289,
+                            "end": 289
                         }
                     },
                     "group": [