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

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

@@ -4277,8 +4277,8 @@
     {
         "description": "The color that focuses the user attention.\nUsed for primary buttons and for elements of primary importance across the theme.\n",
         "commentRange": {
-            "start": 153,
-            "end": 156
+            "start": 155,
+            "end": 158
         },
         "context": {
             "type": "variable",
@@ -4286,8 +4286,8 @@
             "value": "material-color( $primary-palette, main )",
             "scope": "default",
             "line": {
-                "start": 157,
-                "end": 157
+                "start": 159,
+                "end": 159
             }
         },
         "group": [
@@ -4303,8 +4303,8 @@
     {
         "description": "The color used along with the primary color denoted by $kendo-color-primary.\nUsed to provide contrast between the background and foreground colors.\n",
         "commentRange": {
-            "start": 161,
-            "end": 164
+            "start": 163,
+            "end": 166
         },
         "context": {
             "type": "variable",
@@ -4312,8 +4312,8 @@
             "value": "material-color( $primary-palette, main-contrast )",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 167,
+                "end": 167
             }
         },
         "group": [
@@ -4329,8 +4329,8 @@
     {
         "description": "The secondary color of the theme.\n",
         "commentRange": {
-            "start": 167,
-            "end": 169
+            "start": 169,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -4338,8 +4338,8 @@
             "value": "material-color( $secondary-palette, main )",
             "scope": "default",
             "line": {
-                "start": 170,
-                "end": 170
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -4355,8 +4355,8 @@
     {
         "description": "The color used along with the secondary color denoted by $kendo-color-secondary.\nUsed to provide contrast between the background and foreground colors.\n",
         "commentRange": {
-            "start": 174,
-            "end": 177
+            "start": 176,
+            "end": 179
         },
         "context": {
             "type": "variable",
@@ -4364,8 +4364,8 @@
             "value": "material-color( $secondary-palette, main-contrast )",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 180,
+                "end": 180
             }
         },
         "group": [
@@ -4381,8 +4381,8 @@
     {
         "description": "The tertiary color of the theme.\n",
         "commentRange": {
-            "start": 180,
-            "end": 182
+            "start": 182,
+            "end": 184
         },
         "context": {
             "type": "variable",
@@ -4390,8 +4390,8 @@
             "value": "material-color($tertiary-palette, main)",
             "scope": "default",
             "line": {
-                "start": 183,
-                "end": 183
+                "start": 185,
+                "end": 185
             }
         },
         "group": [
@@ -4407,8 +4407,8 @@
     {
         "description": "The color used along with the tertiary color denoted by $kendo-color-tertiary.\nUsed to provide contrast between the background and foreground colors.\n",
         "commentRange": {
-            "start": 187,
-            "end": 190
+            "start": 189,
+            "end": 192
         },
         "context": {
             "type": "variable",
@@ -4416,8 +4416,8 @@
             "value": "material-color($tertiary-palette, main-contrast)",
             "scope": "default",
             "line": {
-                "start": 191,
-                "end": 191
+                "start": 193,
+                "end": 193
             }
         },
         "group": [
@@ -4433,8 +4433,8 @@
     {
         "description": "The color for informational messages and states.\n",
         "commentRange": {
-            "start": 193,
-            "end": 195
+            "start": 195,
+            "end": 197
         },
         "context": {
             "type": "variable",
@@ -4442,8 +4442,8 @@
             "value": "#0058e9",
             "scope": "default",
             "line": {
-                "start": 196,
-                "end": 196
+                "start": 198,
+                "end": 198
             }
         },
         "group": [
@@ -4459,8 +4459,8 @@
     {
         "description": "The color for success messages and states.\n",
         "commentRange": {
-            "start": 200,
-            "end": 202
+            "start": 202,
+            "end": 204
         },
         "context": {
             "type": "variable",
@@ -4468,8 +4468,8 @@
             "value": "#37b400",
             "scope": "default",
             "line": {
-                "start": 203,
-                "end": 203
+                "start": 205,
+                "end": 205
             }
         },
         "group": [
@@ -4485,8 +4485,8 @@
     {
         "description": "The color for warning messages and states.\n",
         "commentRange": {
-            "start": 207,
-            "end": 209
+            "start": 209,
+            "end": 211
         },
         "context": {
             "type": "variable",
@@ -4494,8 +4494,8 @@
             "value": "#ffc000",
             "scope": "default",
             "line": {
-                "start": 210,
-                "end": 210
+                "start": 212,
+                "end": 212
             }
         },
         "group": [
@@ -4511,8 +4511,8 @@
     {
         "description": "The color for error messages and states.\n",
         "commentRange": {
-            "start": 214,
-            "end": 216
+            "start": 216,
+            "end": 218
         },
         "context": {
             "type": "variable",
@@ -4520,8 +4520,8 @@
             "value": "#f31700",
             "scope": "default",
             "line": {
-                "start": 217,
-                "end": 217
+                "start": 219,
+                "end": 219
             }
         },
         "group": [
@@ -4537,8 +4537,8 @@
     {
         "description": "The dark color of the theme.\n",
         "commentRange": {
-            "start": 221,
-            "end": 223
+            "start": 223,
+            "end": 225
         },
         "context": {
             "type": "variable",
@@ -4546,8 +4546,8 @@
             "value": "get-base-hue( gray, 800 )",
             "scope": "default",
             "line": {
-                "start": 224,
-                "end": 224
+                "start": 226,
+                "end": 226
             }
         },
         "group": [
@@ -4563,8 +4563,8 @@
     {
         "description": "The light color of the theme.\n",
         "commentRange": {
-            "start": 226,
-            "end": 228
+            "start": 228,
+            "end": 230
         },
         "context": {
             "type": "variable",
@@ -4572,8 +4572,8 @@
             "value": "get-base-hue( gray, 100 )",
             "scope": "default",
             "line": {
-                "start": 229,
-                "end": 229
+                "start": 231,
+                "end": 231
             }
         },
         "group": [
@@ -4589,8 +4589,8 @@
     {
         "description": "Inverse color of the theme. Depending on the theme luminance dark or light, it will be light or dark\n",
         "commentRange": {
-            "start": 231,
-            "end": 232
+            "start": 233,
+            "end": 234
         },
         "context": {
             "type": "variable",
@@ -4598,8 +4598,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": [
@@ -4614,8 +4614,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",
@@ -4623,8 +4623,8 @@
             "value": "k-map-get( $theme, component-bg )",
             "scope": "default",
             "line": {
-                "start": 328,
-                "end": 328
+                "start": 330,
+                "end": 330
             }
         },
         "group": [
@@ -4639,8 +4639,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",
@@ -4648,8 +4648,8 @@
             "value": "k-map-get( $theme, component-text )",
             "scope": "default",
             "line": {
-                "start": 332,
-                "end": 332
+                "start": 334,
+                "end": 334
             }
         },
         "group": [
@@ -4664,8 +4664,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",
@@ -4673,8 +4673,8 @@
             "value": "k-map-get( $theme, component-border )",
             "scope": "default",
             "line": {
-                "start": 336,
-                "end": 336
+                "start": 338,
+                "end": 338
             }
         },
         "group": [
@@ -5337,19 +5337,44 @@
         }
     },
     {
-        "description": "The base shadow of the FAB.\n",
+        "description": "Size map for the FAB.\n",
         "commentRange": {
             "start": 93,
             "end": 94
         },
+        "context": {
+            "type": "variable",
+            "name": "kendo-fab-sizes",
+            "value": "(\n    sm: (\n        padding-x: $kendo-fab-sm-padding-x,\n        padding-y: $kendo-fab-sm-padding-y\n    ),\n    md: (\n        padding-x: $kendo-fab-md-padding-x,\n        padding-y: $kendo-fab-md-padding-y\n    ),\n    lg: (\n        padding-x: $kendo-fab-lg-padding-x,\n        padding-y: $kendo-fab-lg-padding-y\n    )\n)",
+            "scope": "default",
+            "line": {
+                "start": 95,
+                "end": 108
+            }
+        },
+        "group": [
+            "floating-action-button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "fab/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The base shadow of the FAB.\n",
+        "commentRange": {
+            "start": 110,
+            "end": 111
+        },
         "context": {
             "type": "variable",
             "name": "kendo-fab-shadow",
             "value": "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": [
@@ -5364,8 +5389,8 @@
     {
         "description": "The disabled shadow of the FAB.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 113,
+            "end": 114
         },
         "context": {
             "type": "variable",
@@ -5373,8 +5398,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": [
@@ -5389,8 +5414,8 @@
     {
         "description": "The active shadow of the FAB.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 116,
+            "end": 117
         },
         "context": {
             "type": "variable",
@@ -5398,8 +5423,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": [
@@ -5414,8 +5439,8 @@
     {
         "description": "The base text color of the FAB item.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -5423,8 +5448,8 @@
             "value": "$kendo-component-text",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -5439,8 +5464,8 @@
     {
         "description": "The base background color of the FAB item.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 123,
+            "end": 124
         },
         "context": {
             "type": "variable",
@@ -5448,8 +5473,8 @@
             "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 125,
+                "end": 125
             }
         },
         "group": [
@@ -5464,8 +5489,8 @@
     {
         "description": "The base border color of the FAB item.\n",
         "commentRange": {
-            "start": 109,
-            "end": 110
+            "start": 126,
+            "end": 127
         },
         "context": {
             "type": "variable",
@@ -5473,8 +5498,8 @@
             "value": "$kendo-component-border",
             "scope": "default",
             "line": {
-                "start": 111,
-                "end": 111
+                "start": 128,
+                "end": 128
             }
         },
         "group": [
@@ -5489,8 +5514,8 @@
     {
         "description": "The base text color of the FAB item icon.\n",
         "commentRange": {
-            "start": 113,
-            "end": 114
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -5498,8 +5523,8 @@
             "value": "$kendo-button-text",
             "scope": "default",
             "line": {
-                "start": 115,
-                "end": 115
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -5514,8 +5539,8 @@
     {
         "description": "The base background color of the FAB item icon.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -5523,8 +5548,8 @@
             "value": "$kendo-button-bg",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -5539,8 +5564,8 @@
     {
         "description": "The base border color of the FAB item icon.\n",
         "commentRange": {
-            "start": 119,
-            "end": 120
+            "start": 136,
+            "end": 137
         },
         "context": {
             "type": "variable",
@@ -5548,8 +5573,8 @@
             "value": "$kendo-button-border",
             "scope": "default",
             "line": {
-                "start": 121,
-                "end": 121
+                "start": 138,
+                "end": 138
             }
         },
         "group": [
@@ -5564,8 +5589,8 @@
     {
         "description": "The base shadow of the FAB item.\n",
         "commentRange": {
-            "start": 123,
-            "end": 124
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -5573,8 +5598,8 @@
             "value": "$kendo-fab-shadow",
             "scope": "default",
             "line": {
-                "start": 125,
-                "end": 125
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -5589,8 +5614,8 @@
     {
         "description": "The disabled shadow of the FAB item.\n",
         "commentRange": {
-            "start": 126,
-            "end": 127
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
@@ -5598,8 +5623,8 @@
             "value": "$kendo-fab-disabled-shadow",
             "scope": "default",
             "line": {
-                "start": 128,
-                "end": 128
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -5614,8 +5639,8 @@
     {
         "description": "The active shadow of the FAB item.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 146,
+            "end": 147
         },
         "context": {
             "type": "variable",
@@ -5623,8 +5648,8 @@
             "value": "$kendo-fab-active-shadow",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 148,
+                "end": 148
             }
         },
         "group": [
@@ -5939,8 +5964,8 @@
     {
         "description": "Background color of the grid component\n",
         "commentRange": {
-            "start": 130,
-            "end": 131
+            "start": 138,
+            "end": 139
         },
         "context": {
             "type": "variable",
@@ -5948,8 +5973,8 @@
             "value": "$kendo-table-bg",
             "scope": "default",
             "line": {
-                "start": 132,
-                "end": 132
+                "start": 140,
+                "end": 140
             }
         },
         "group": [
@@ -5964,8 +5989,8 @@
     {
         "description": "Text color of the grid component\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 141,
+            "end": 142
         },
         "context": {
             "type": "variable",
@@ -5973,8 +5998,8 @@
             "value": "$kendo-table-text",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 143,
+                "end": 143
             }
         },
         "group": [
@@ -5989,8 +6014,8 @@
     {
         "description": "Border color of the grid component\n",
         "commentRange": {
-            "start": 136,
-            "end": 137
+            "start": 144,
+            "end": 145
         },
         "context": {
             "type": "variable",
@@ -5998,8 +6023,8 @@
             "value": "$kendo-table-border",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 146,
+                "end": 146
             }
         },
         "group": [
@@ -6014,8 +6039,8 @@
     {
         "description": "Background color of grid header\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 148,
+            "end": 149
         },
         "context": {
             "type": "variable",
@@ -6023,8 +6048,8 @@
             "value": "$kendo-table-header-bg",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 150,
+                "end": 150
             }
         },
         "group": [
@@ -6039,8 +6064,8 @@
     {
         "description": "Background color of grid header\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 151,
+            "end": 152
         },
         "context": {
             "type": "variable",
@@ -6048,8 +6073,8 @@
             "value": "$kendo-table-header-text",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 153,
+                "end": 153
             }
         },
         "group": [
@@ -6064,8 +6089,8 @@
     {
         "description": "Border color of grid header\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 154,
+            "end": 155
         },
         "context": {
             "type": "variable",
@@ -6073,8 +6098,8 @@
             "value": "$kendo-table-header-border",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 156,
+                "end": 156
             }
         },
         "group": [
@@ -6089,8 +6114,8 @@
     {
         "description": "Background gradient of grid header\n",
         "commentRange": {
-            "start": 149,
-            "end": 150
+            "start": 157,
+            "end": 158
         },
         "context": {
             "type": "variable",
@@ -6098,8 +6123,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 159,
+                "end": 159
             }
         },
         "group": [
@@ -6114,8 +6139,8 @@
     {
         "description": "Background color of grid footer\n",
         "commentRange": {
-            "start": 153,
-            "end": 154
+            "start": 161,
+            "end": 162
         },
         "context": {
             "type": "variable",
@@ -6123,8 +6148,258 @@
             "value": "$kendo-table-footer-bg",
             "scope": "default",
             "line": {
-                "start": 155,
-                "end": 155
+                "start": 163,
+                "end": 163
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Text color of grid footer\n",
+        "commentRange": {
+            "start": 164,
+            "end": 165
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-footer-text",
+            "value": "$kendo-table-footer-text",
+            "scope": "default",
+            "line": {
+                "start": 166,
+                "end": 166
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Border color of grid footer\n",
+        "commentRange": {
+            "start": 167,
+            "end": 168
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-footer-border",
+            "value": "$kendo-table-footer-border",
+            "scope": "default",
+            "line": {
+                "start": 169,
+                "end": 169
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Background color of alternating rows in grid\n",
+        "commentRange": {
+            "start": 172,
+            "end": 173
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-alt-bg",
+            "value": "$kendo-table-alt-row-bg",
+            "scope": "default",
+            "line": {
+                "start": 174,
+                "end": 174
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Text color of alternating rows in grid\n",
+        "commentRange": {
+            "start": 175,
+            "end": 176
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-alt-text",
+            "value": "$kendo-table-alt-row-text",
+            "scope": "default",
+            "line": {
+                "start": 177,
+                "end": 177
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Text color of alternating rows in grid\n",
+        "commentRange": {
+            "start": 178,
+            "end": 179
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-alt-border",
+            "value": "$kendo-table-alt-row-border",
+            "scope": "default",
+            "line": {
+                "start": 180,
+                "end": 180
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Background color of hovered rows in grid\n",
+        "commentRange": {
+            "start": 182,
+            "end": 183
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-hover-bg",
+            "value": "$kendo-table-hover-bg",
+            "scope": "default",
+            "line": {
+                "start": 184,
+                "end": 184
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Text color of hovered rows in grid\n",
+        "commentRange": {
+            "start": 185,
+            "end": 186
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-hover-text",
+            "value": "$kendo-table-hover-text",
+            "scope": "default",
+            "line": {
+                "start": 187,
+                "end": 187
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Border color of hovered rows in grid\n",
+        "commentRange": {
+            "start": 188,
+            "end": 189
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-hover-border",
+            "value": "$kendo-table-hover-border",
+            "scope": "default",
+            "line": {
+                "start": 190,
+                "end": 190
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Background color of selected rows in grid\n",
+        "commentRange": {
+            "start": 192,
+            "end": 193
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-selected-bg",
+            "value": "$kendo-table-selected-bg",
+            "scope": "default",
+            "line": {
+                "start": 194,
+                "end": 194
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "Text color of selected rows in grid\n",
+        "commentRange": {
+            "start": 195,
+            "end": 196
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-selected-text",
+            "value": "$kendo-table-selected-text",
+            "scope": "default",
+            "line": {
+                "start": 197,
+                "end": 197
             }
         },
         "group": [
@@ -6137,19 +6412,19 @@
         }
     },
     {
-        "description": "Text color of grid footer\n",
+        "description": "Border color of selected rows in grid\n",
         "commentRange": {
-            "start": 156,
-            "end": 157
+            "start": 198,
+            "end": 199
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-footer-text",
-            "value": "$kendo-table-footer-text",
+            "name": "kendo-grid-selected-border",
+            "value": "$kendo-table-selected-border",
             "scope": "default",
             "line": {
-                "start": 158,
-                "end": 158
+                "start": 200,
+                "end": 200
             }
         },
         "group": [
@@ -6162,19 +6437,19 @@
         }
     },
     {
-        "description": "Border color of grid footer\n",
+        "description": "Background color of the selection aggregates container\n",
         "commentRange": {
-            "start": 159,
-            "end": 160
+            "start": 202,
+            "end": 203
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-footer-border",
-            "value": "$kendo-table-footer-border",
+            "name": "kendo-grid-selection-aggregates-bg",
+            "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 161,
-                "end": 161
+                "start": 204,
+                "end": 204
             }
         },
         "group": [
@@ -6187,19 +6462,19 @@
         }
     },
     {
-        "description": "Background color of alternating rows in grid\n",
+        "description": "Text color of the selection aggregates container\n",
         "commentRange": {
-            "start": 164,
-            "end": 165
+            "start": 205,
+            "end": 206
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-alt-bg",
-            "value": "$kendo-table-alt-row-bg",
+            "name": "kendo-grid-selection-aggregates-text",
+            "value": "$kendo-grid-text",
             "scope": "default",
             "line": {
-                "start": 166,
-                "end": 166
+                "start": 207,
+                "end": 207
             }
         },
         "group": [
@@ -6212,19 +6487,19 @@
         }
     },
     {
-        "description": "Text color of alternating rows in grid\n",
+        "description": "Border color of the selection aggregates container\n",
         "commentRange": {
-            "start": 167,
-            "end": 168
+            "start": 208,
+            "end": 209
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-alt-text",
-            "value": "$kendo-table-alt-row-text",
+            "name": "kendo-grid-selection-aggregates-border",
+            "value": "$kendo-grid-border",
             "scope": "default",
             "line": {
-                "start": 169,
-                "end": 169
+                "start": 210,
+                "end": 210
             }
         },
         "group": [
@@ -6237,19 +6512,19 @@
         }
     },
     {
-        "description": "Text color of alternating rows in grid\n",
+        "description": "Border width of the selection aggregates container\n",
         "commentRange": {
-            "start": 170,
-            "end": 171
+            "start": 211,
+            "end": 212
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-alt-border",
-            "value": "$kendo-table-alt-row-border",
+            "name": "kendo-grid-selection-aggregates-border-width",
+            "value": "$kendo-grid-border-width",
             "scope": "default",
             "line": {
-                "start": 172,
-                "end": 172
+                "start": 213,
+                "end": 213
             }
         },
         "group": [
@@ -6262,19 +6537,19 @@
         }
     },
     {
-        "description": "Background color of hovered rows in grid\n",
+        "description": "Spacing between the selection aggregates items\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 214,
+            "end": 215
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-hover-bg",
-            "value": "$kendo-table-hover-bg",
+            "name": "kendo-grid-selection-aggregates-spacing",
+            "value": "k-map-get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 216,
+                "end": 216
             }
         },
         "group": [
@@ -6287,19 +6562,19 @@
         }
     },
     {
-        "description": "Text color of hovered rows in grid\n",
+        "description": "Line height of the selection aggregates container\n",
         "commentRange": {
-            "start": 177,
-            "end": 178
+            "start": 217,
+            "end": 218
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-hover-text",
-            "value": "$kendo-table-hover-text",
+            "name": "kendo-grid-selection-aggregates-line-height",
+            "value": "20px",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 219,
+                "end": 219
             }
         },
         "group": [
@@ -6312,19 +6587,19 @@
         }
     },
     {
-        "description": "Border color of hovered rows in grid\n",
+        "description": "Font weight of the selection aggregates container\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 220,
+            "end": 221
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-hover-border",
-            "value": "$kendo-table-hover-border",
+            "name": "kendo-grid-selection-aggregates-font-weight",
+            "value": "$kendo-font-weight-bold",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 222,
+                "end": 222
             }
         },
         "group": [
@@ -6337,19 +6612,19 @@
         }
     },
     {
-        "description": "Background color of selected rows in grid\n",
+        "description": "Background color of the grid row resize indicator\n",
         "commentRange": {
-            "start": 184,
-            "end": 185
+            "start": 308,
+            "end": 309
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-selected-bg",
-            "value": "$kendo-table-selected-bg",
+            "name": "kendo-grid-row-resizer-hover-bg",
+            "value": "rgba( k-contrast-color( $kendo-grid-bg ), .24 )",
             "scope": "default",
             "line": {
-                "start": 186,
-                "end": 186
+                "start": 310,
+                "end": 310
             }
         },
         "group": [
@@ -6362,19 +6637,19 @@
         }
     },
     {
-        "description": "Text color of selected rows in grid\n",
+        "description": "Active background color of the grid row resize indicator\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 311,
+            "end": 312
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-selected-text",
-            "value": "$kendo-table-selected-text",
+            "name": "kendo-grid-row-resizer-active-bg",
+            "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 313,
+                "end": 313
             }
         },
         "group": [
@@ -6387,19 +6662,19 @@
         }
     },
     {
-        "description": "Border color of selected rows in grid\n",
+        "description": "Height of the grid row resize indicator\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 314,
+            "end": 315
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-selected-border",
-            "value": "$kendo-table-selected-border",
+            "name": "kendo-grid-row-resizer-height",
+            "value": "k-map-get( $kendo-spacing, .5 )",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 316,
+                "end": 316
             }
         },
         "group": [
@@ -14664,8 +14939,8 @@
     {
         "description": "Color of shadows\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -14673,8 +14948,8 @@
             "value": "k-map-get( $theme, elevation )",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -14689,8 +14964,8 @@
     {
         "description": "Shadow for switch.\nEquivalent to material elevation 1.\n",
         "commentRange": {
-            "start": 81,
-            "end": 83
+            "start": 83,
+            "end": 85
         },
         "context": {
             "type": "variable",
@@ -14698,8 +14973,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": [
@@ -14714,8 +14989,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",
@@ -14723,8 +14998,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": [
@@ -14739,8 +15014,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",
@@ -14748,8 +15023,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": [
@@ -14764,8 +15039,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",
@@ -14773,8 +15048,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": [
@@ -14789,8 +15064,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",
@@ -14798,8 +15073,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": [
@@ -19164,8 +19439,8 @@
     {
         "description": "Base font size across all components.\n",
         "commentRange": {
-            "start": 252,
-            "end": 253
+            "start": 254,
+            "end": 255
         },
         "context": {
             "type": "variable",
@@ -19173,8 +19448,8 @@
             "value": "14px",
             "scope": "default",
             "line": {
-                "start": 254,
-                "end": 254
+                "start": 256,
+                "end": 256
             }
         },
         "group": [
@@ -19189,8 +19464,8 @@
     {
         "description": "Font family for text.\n",
         "commentRange": {
-            "start": 269,
-            "end": 270
+            "start": 271,
+            "end": 272
         },
         "context": {
             "type": "variable",
@@ -19198,8 +19473,8 @@
             "value": "Roboto, \"Helvetica Neue\", sans-serif",
             "scope": "default",
             "line": {
-                "start": 271,
-                "end": 271
+                "start": 273,
+                "end": 273
             }
         },
         "group": [
@@ -19214,8 +19489,8 @@
     {
         "description": "Font family across all components.\n",
         "commentRange": {
-            "start": 273,
-            "end": 274
+            "start": 275,
+            "end": 276
         },
         "context": {
             "type": "variable",
@@ -19223,8 +19498,8 @@
             "value": "Roboto, \"Helvetica Neue\", sans-serif",
             "scope": "default",
             "line": {
-                "start": 275,
-                "end": 275
+                "start": 277,
+                "end": 277
             }
         },
         "group": [
@@ -19239,8 +19514,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",
@@ -19248,8 +19523,8 @@
             "value": "Consolas, \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace",
             "scope": "default",
             "line": {
-                "start": 279,
-                "end": 279
+                "start": 281,
+                "end": 281
             }
         },
         "group": [
@@ -19264,8 +19539,8 @@
     {
         "description": "Font family across all components.\n",
         "commentRange": {
-            "start": 281,
-            "end": 282
+            "start": 283,
+            "end": 284
         },
         "context": {
             "type": "variable",
@@ -19273,8 +19548,8 @@
             "value": "Roboto, \"Helvetica Neue\", sans-serif",
             "scope": "default",
             "line": {
-                "start": 283,
-                "end": 283
+                "start": 285,
+                "end": 285
             }
         },
         "group": [
@@ -19289,8 +19564,8 @@
     {
         "description": "Line height used along with $kendo-font-size.\n",
         "commentRange": {
-            "start": 285,
-            "end": 286
+            "start": 287,
+            "end": 288
         },
         "context": {
             "type": "variable",
@@ -19298,8 +19573,8 @@
             "value": "k-math-div( 28, 14 )",
             "scope": "default",
             "line": {
-                "start": 287,
-                "end": 287
+                "start": 289,
+                "end": 289
             }
         },
         "group": [
@@ -19314,8 +19589,8 @@
     {
         "description": "Border radius for all components.\n",
         "commentRange": {
-            "start": 127,
-            "end": 127
+            "start": 129,
+            "end": 129
         },
         "context": {
             "type": "variable",
@@ -19323,8 +19598,8 @@
             "value": "k-map-get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
-                "start": 128,
-                "end": 128
+                "start": 130,
+                "end": 130
             }
         },
         "access": "public",
@@ -19339,8 +19614,8 @@
     {
         "description": "The background of the components' chrome area.\n",
         "commentRange": {
-            "start": 339,
-            "end": 339
+            "start": 341,
+            "end": 341
         },
         "context": {
             "type": "variable",
@@ -19348,8 +19623,8 @@
             "value": "k-map-get( $theme, base-bg )",
             "scope": "default",
             "line": {
-                "start": 340,
-                "end": 340
+                "start": 342,
+                "end": 342
             }
         },
         "access": "public",
@@ -19364,8 +19639,8 @@
     {
         "description": "The text color of the components' chrome area.\n",
         "commentRange": {
-            "start": 341,
-            "end": 341
+            "start": 343,
+            "end": 343
         },
         "context": {
             "type": "variable",
@@ -19373,8 +19648,8 @@
             "value": "k-map-get( $theme, component-text )",
             "scope": "default",
             "line": {
-                "start": 342,
-                "end": 342
+                "start": 344,
+                "end": 344
             }
         },
         "access": "public",
@@ -19389,8 +19664,8 @@
     {
         "description": "The border of the components' chrome area.\n",
         "commentRange": {
-            "start": 343,
-            "end": 343
+            "start": 345,
+            "end": 345
         },
         "context": {
             "type": "variable",
@@ -19398,8 +19673,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",
@@ -19414,8 +19689,8 @@
     {
         "description": "The gradient background of the components' chrome area.\n",
         "commentRange": {
-            "start": 345,
-            "end": 345
+            "start": 347,
+            "end": 347
         },
         "context": {
             "type": "variable",
@@ -19423,8 +19698,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 346,
-                "end": 346
+                "start": 348,
+                "end": 348
             }
         },
         "access": "public",
@@ -19439,8 +19714,8 @@
     {
         "description": "The background of hovered items.\n",
         "commentRange": {
-            "start": 348,
-            "end": 348
+            "start": 350,
+            "end": 350
         },
         "context": {
             "type": "variable",
@@ -19448,8 +19723,8 @@
             "value": "k-map-get( $theme, hover-bg )",
             "scope": "default",
             "line": {
-                "start": 349,
-                "end": 349
+                "start": 351,
+                "end": 351
             }
         },
         "access": "public",
@@ -19464,8 +19739,8 @@
     {
         "description": "The text color of hovered items.\n",
         "commentRange": {
-            "start": 350,
-            "end": 350
+            "start": 352,
+            "end": 352
         },
         "context": {
             "type": "variable",
@@ -19473,8 +19748,8 @@
             "value": "$kendo-base-text",
             "scope": "default",
             "line": {
-                "start": 351,
-                "end": 351
+                "start": 353,
+                "end": 353
             }
         },
         "access": "public",
@@ -19489,8 +19764,8 @@
     {
         "description": "The border color of hovered items.\n",
         "commentRange": {
-            "start": 352,
-            "end": 352
+            "start": 354,
+            "end": 354
         },
         "context": {
             "type": "variable",
@@ -19498,8 +19773,8 @@
             "value": "rgba( $kendo-base-border, .15 )",
             "scope": "default",
             "line": {
-                "start": 353,
-                "end": 353
+                "start": 355,
+                "end": 355
             }
         },
         "access": "public",
@@ -19514,8 +19789,8 @@
     {
         "description": "The gradient background of hovered items.\n",
         "commentRange": {
-            "start": 354,
-            "end": 354
+            "start": 356,
+            "end": 356
         },
         "context": {
             "type": "variable",
@@ -19523,8 +19798,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 355,
-                "end": 355
+                "start": 357,
+                "end": 357
             }
         },
         "access": "public",
@@ -19539,8 +19814,8 @@
     {
         "description": "The background of selected items.\n",
         "commentRange": {
-            "start": 357,
-            "end": 357
+            "start": 359,
+            "end": 359
         },
         "context": {
             "type": "variable",
@@ -19548,8 +19823,8 @@
             "value": "$kendo-color-secondary",
             "scope": "default",
             "line": {
-                "start": 358,
-                "end": 358
+                "start": 360,
+                "end": 360
             }
         },
         "access": "public",
@@ -19564,8 +19839,8 @@
     {
         "description": "The text color of selected items.\n",
         "commentRange": {
-            "start": 359,
-            "end": 359
+            "start": 361,
+            "end": 361
         },
         "context": {
             "type": "variable",
@@ -19573,8 +19848,8 @@
             "value": "$kendo-color-secondary-contrast",
             "scope": "default",
             "line": {
-                "start": 360,
-                "end": 360
+                "start": 362,
+                "end": 362
             }
         },
         "access": "public",
@@ -19589,8 +19864,8 @@
     {
         "description": "The border color of selected items.\n",
         "commentRange": {
-            "start": 361,
-            "end": 361
+            "start": 363,
+            "end": 363
         },
         "context": {
             "type": "variable",
@@ -19598,8 +19873,8 @@
             "value": "rgba( $kendo-base-border, .1 )",
             "scope": "default",
             "line": {
-                "start": 362,
-                "end": 362
+                "start": 364,
+                "end": 364
             }
         },
         "access": "public",
@@ -19614,8 +19889,8 @@
     {
         "description": "The gradient background of selected items.\n",
         "commentRange": {
-            "start": 363,
-            "end": 363
+            "start": 365,
+            "end": 365
         },
         "context": {
             "type": "variable",
@@ -19623,8 +19898,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 364,
-                "end": 364
+                "start": 366,
+                "end": 366
             }
         },
         "access": "public",