@progress/kendo-theme-classic 10.1.1-dev.1 → 10.2.0-dev.1

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

@@ -9177,8 +9177,8 @@
     {
         "description": "The color of the Chart grid lines (major).\n",
         "commentRange": {
-            "start": 102,
-            "end": 103
+            "start": 99,
+            "end": 100
         },
         "context": {
             "type": "variable",
@@ -9186,8 +9186,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ))",
             "scope": "default",
             "line": {
-                "start": 104,
-                "end": 104
+                "start": 101,
+                "end": 101
             }
         },
         "group": [
@@ -9202,8 +9202,8 @@
     {
         "description": "The color of the Chart grid lines (minor).\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 103,
+            "end": 104
         },
         "context": {
             "type": "variable",
@@ -9211,8 +9211,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .04 ))",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
@@ -14675,15 +14675,15 @@
         }
     },
     {
-        "description": "The width of the small ColorGradient.\n",
+        "description": "The vertical padding of the small ColorGradient.\n",
         "commentRange": {
             "start": 47,
             "end": 48
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-sm-width",
-            "value": "226px",
+            "name": "kendo-color-gradient-sm-padding-y",
+            "value": "$kendo-color-gradient-spacer",
             "scope": "default",
             "line": {
                 "start": 49,
@@ -14700,15 +14700,15 @@
         }
     },
     {
-        "description": "The width of the medium ColorGradient.\n",
+        "description": "The horizontal padding of the small ColorGradient.\n",
         "commentRange": {
             "start": 50,
             "end": 51
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-md-width",
-            "value": "$kendo-color-gradient-width",
+            "name": "kendo-color-gradient-sm-padding-x",
+            "value": "$kendo-color-gradient-padding-y",
             "scope": "default",
             "line": {
                 "start": 52,
@@ -14725,15 +14725,15 @@
         }
     },
     {
-        "description": "The width of the large ColorGradient.\n",
+        "description": "The vertical padding of the medium ColorGradient.\n",
         "commentRange": {
             "start": 53,
             "end": 54
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-lg-width",
-            "value": "324px",
+            "name": "kendo-color-gradient-md-padding-y",
+            "value": "$kendo-color-gradient-spacer",
             "scope": "default",
             "line": {
                 "start": 55,
@@ -14750,19 +14750,19 @@
         }
     },
     {
-        "description": "The spacing between the sections of the small ColorGradient.\n",
+        "description": "The horizontal padding of the medium ColorGradient.\n",
         "commentRange": {
-            "start": 57,
-            "end": 58
+            "start": 56,
+            "end": 57
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-sm-gap",
-            "value": "$kendo-color-gradient-gap",
+            "name": "kendo-color-gradient-md-padding-x",
+            "value": "$kendo-color-gradient-padding-y",
             "scope": "default",
             "line": {
-                "start": 59,
-                "end": 59
+                "start": 58,
+                "end": 58
             }
         },
         "group": [
@@ -14775,19 +14775,19 @@
         }
     },
     {
-        "description": "The spacing between the sections of the medium ColorGradient.\n",
+        "description": "The vertical padding of the large ColorGradient.\n",
         "commentRange": {
-            "start": 60,
-            "end": 61
+            "start": 59,
+            "end": 60
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-md-gap",
-            "value": "$kendo-color-gradient-gap",
+            "name": "kendo-color-gradient-lg-padding-y",
+            "value": "k-spacing(4.5)",
             "scope": "default",
             "line": {
-                "start": 62,
-                "end": 62
+                "start": 61,
+                "end": 61
             }
         },
         "group": [
@@ -14800,19 +14800,19 @@
         }
     },
     {
-        "description": "The spacing between the sections of the large ColorGradient.\n",
+        "description": "The horizontal padding of the large ColorGradient.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-lg-gap",
+            "name": "kendo-color-gradient-lg-padding-x",
             "value": "k-spacing(4.5)",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 64,
+                "end": 64
             }
         },
         "group": [
@@ -14825,19 +14825,19 @@
         }
     },
     {
-        "description": "The border color of the focused ColorGradient.\n",
+        "description": "The width of the small ColorGradient.\n",
         "commentRange": {
-            "start": 67,
-            "end": 68
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-focus-border",
-            "value": "null",
+            "name": "kendo-color-gradient-sm-width",
+            "value": "252px",
             "scope": "default",
             "line": {
-                "start": 69,
-                "end": 69
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -14850,19 +14850,19 @@
         }
     },
     {
-        "description": "The box shadow of the focused ColorGradient.\n",
+        "description": "The width of the medium ColorGradient.\n",
         "commentRange": {
-            "start": 70,
-            "end": 71
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-focus-shadow",
-            "value": "k-elevation(3)",
+            "name": "kendo-color-gradient-md-width",
+            "value": "$kendo-color-gradient-width",
             "scope": "default",
             "line": {
-                "start": 72,
-                "end": 72
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -14875,19 +14875,19 @@
         }
     },
     {
-        "description": "The border radius of the ColorGradient canvas.\n",
+        "description": "The width of the large ColorGradient.\n",
         "commentRange": {
-            "start": 74,
-            "end": 75
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-canvas-border-radius",
-            "value": "k-border-radius(md)",
+            "name": "kendo-color-gradient-lg-width",
+            "value": "362px",
             "scope": "default",
             "line": {
-                "start": 76,
-                "end": 76
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -14900,19 +14900,19 @@
         }
     },
     {
-        "description": "The spacing between the items of the ColorGradient canvas.\n",
+        "description": "The spacing between the sections of the small ColorGradient.\n",
         "commentRange": {
-            "start": 77,
-            "end": 78
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-canvas-gap",
-            "value": "$kendo-color-gradient-spacer",
+            "name": "kendo-color-gradient-sm-gap",
+            "value": "$kendo-color-gradient-gap",
             "scope": "default",
             "line": {
-                "start": 79,
-                "end": 79
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -14925,19 +14925,19 @@
         }
     },
     {
-        "description": "The height the ColorGradient canvas hsv rectangle.\n",
+        "description": "The spacing between the sections of the medium ColorGradient.\n",
         "commentRange": {
-            "start": 80,
-            "end": 81
+            "start": 79,
+            "end": 80
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-canvas-rectangle-height",
-            "value": "180px",
+            "name": "kendo-color-gradient-md-gap",
+            "value": "$kendo-color-gradient-gap",
             "scope": "default",
             "line": {
-                "start": 82,
-                "end": 82
+                "start": 81,
+                "end": 81
             }
         },
         "group": [
@@ -14950,19 +14950,19 @@
         }
     },
     {
-        "description": "The height the small ColorGradient canvas hsv rectangle.\n",
+        "description": "The spacing between the sections of the large ColorGradient.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 82,
+            "end": 83
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-sm-canvas-rectangle-height",
-            "value": "182px",
+            "name": "kendo-color-gradient-lg-gap",
+            "value": "k-spacing(4.5)",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 84,
+                "end": 84
             }
         },
         "group": [
@@ -14975,15 +14975,15 @@
         }
     },
     {
-        "description": "The height the medium ColorGradient canvas hsv rectangle.\n",
+        "description": "The border color of the focused ColorGradient.\n",
         "commentRange": {
             "start": 86,
             "end": 87
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-md-canvas-rectangle-height",
-            "value": "$kendo-color-gradient-canvas-rectangle-height",
+            "name": "kendo-color-gradient-focus-border",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 88,
@@ -15000,15 +15000,15 @@
         }
     },
     {
-        "description": "The height the large ColorGradient canvas hsv rectangle.\n",
+        "description": "The box shadow of the focused ColorGradient.\n",
         "commentRange": {
             "start": 89,
             "end": 90
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-lg-canvas-rectangle-height",
-            "value": "268px",
+            "name": "kendo-color-gradient-focus-shadow",
+            "value": "k-elevation(3)",
             "scope": "default",
             "line": {
                 "start": 91,
@@ -15025,15 +15025,15 @@
         }
     },
     {
-        "description": "The spacing between the items of the small ColorGradient canvas.\n",
+        "description": "The border radius of the ColorGradient canvas.\n",
         "commentRange": {
             "start": 93,
             "end": 94
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-sm-canvas-gap",
-            "value": "$kendo-color-gradient-canvas-gap",
+            "name": "kendo-color-gradient-canvas-border-radius",
+            "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
                 "start": 95,
@@ -15050,15 +15050,15 @@
         }
     },
     {
-        "description": "The spacing between the items of the medium ColorGradient canvas.\n",
+        "description": "The spacing between the items of the ColorGradient canvas.\n",
         "commentRange": {
             "start": 96,
             "end": 97
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-md-canvas-gap",
-            "value": "$kendo-color-gradient-canvas-gap",
+            "name": "kendo-color-gradient-canvas-gap",
+            "value": "$kendo-color-gradient-spacer",
             "scope": "default",
             "line": {
                 "start": 98,
@@ -15075,15 +15075,15 @@
         }
     },
     {
-        "description": "The spacing between the items of the large ColorGradient canvas.\n",
+        "description": "The height the ColorGradient canvas hsv rectangle.\n",
         "commentRange": {
             "start": 99,
             "end": 100
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-lg-canvas-gap",
-            "value": "k-spacing(4.5)",
+            "name": "kendo-color-gradient-canvas-rectangle-height",
+            "value": "180px",
             "scope": "default",
             "line": {
                 "start": 101,
@@ -15100,19 +15100,19 @@
         }
     },
     {
-        "description": "The width of the ColorGradient slider.\n",
+        "description": "The height the small ColorGradient canvas hsv rectangle.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-slider-track-size",
-            "value": "10px",
+            "name": "kendo-color-gradient-sm-canvas-rectangle-height",
+            "value": "$kendo-color-gradient-canvas-rectangle-height",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -15125,19 +15125,19 @@
         }
     },
     {
-        "description": "The border radius of the ColorGradient slider.\n",
+        "description": "The height the medium ColorGradient canvas hsv rectangle.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 105,
+            "end": 106
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-slider-border-radius",
-            "value": "10px",
+            "name": "kendo-color-gradient-md-canvas-rectangle-height",
+            "value": "$kendo-color-gradient-canvas-rectangle-height",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 107,
+                "end": 107
             }
         },
         "group": [
@@ -15150,19 +15150,19 @@
         }
     },
     {
-        "description": "The width of the border around the ColorGradient slider drag handle.\n",
+        "description": "The height the large ColorGradient canvas hsv rectangle.\n",
         "commentRange": {
-            "start": 109,
-            "end": 110
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-slider-draghandle-border-width",
-            "value": "3px",
+            "name": "kendo-color-gradient-lg-canvas-rectangle-height",
+            "value": "268px",
             "scope": "default",
             "line": {
-                "start": 111,
-                "end": 111
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -15175,19 +15175,19 @@
         }
     },
     {
-        "description": "The height of the ColorGradient vertical slider.\n",
+        "description": "The spacing between the items of the small ColorGradient canvas.\n",
         "commentRange": {
-            "start": 113,
-            "end": 114
+            "start": 112,
+            "end": 113
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-slider-vertical-size",
-            "value": "180px",
+            "name": "kendo-color-gradient-sm-canvas-gap",
+            "value": "$kendo-color-gradient-canvas-gap",
             "scope": "default",
             "line": {
-                "start": 115,
-                "end": 115
+                "start": 114,
+                "end": 114
             }
         },
         "group": [
@@ -15200,19 +15200,19 @@
         }
     },
     {
-        "description": "The width of the ColorGradient horizontal slider.\n",
+        "description": "The spacing between the items of the medium ColorGradient canvas.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-slider-horizontal-size",
-            "value": "100%",
+            "name": "kendo-color-gradient-md-canvas-gap",
+            "value": "$kendo-color-gradient-canvas-gap",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -15225,20 +15225,170 @@
         }
     },
     {
-        "description": "The background image of the ColorGradient alpha slider.\n",
+        "description": "The spacing between the items of the large ColorGradient canvas.\n",
         "commentRange": {
-            "start": 119,
-            "end": 120
+            "start": 118,
+            "end": 119
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-slider-alpha-bgr",
-            "value": "\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC\"",
+            "name": "kendo-color-gradient-lg-canvas-gap",
+            "value": "k-spacing(4.5)",
             "scope": "default",
             "line": {
-                "start": 121,
-                "end": 121
-            }
+                "start": 120,
+                "end": 120
+            }
+        },
+        "group": [
+            "color-gradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the ColorGradient slider.\n",
+        "commentRange": {
+            "start": 122,
+            "end": 123
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-gradient-slider-track-size",
+            "value": "10px",
+            "scope": "default",
+            "line": {
+                "start": 124,
+                "end": 124
+            }
+        },
+        "group": [
+            "color-gradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border radius of the ColorGradient slider.\n",
+        "commentRange": {
+            "start": 125,
+            "end": 126
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-gradient-slider-border-radius",
+            "value": "10px",
+            "scope": "default",
+            "line": {
+                "start": 127,
+                "end": 127
+            }
+        },
+        "group": [
+            "color-gradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the ColorGradient slider drag handle.\n",
+        "commentRange": {
+            "start": 128,
+            "end": 129
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-gradient-slider-draghandle-border-width",
+            "value": "3px",
+            "scope": "default",
+            "line": {
+                "start": 130,
+                "end": 130
+            }
+        },
+        "group": [
+            "color-gradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The height of the ColorGradient vertical slider.\n",
+        "commentRange": {
+            "start": 132,
+            "end": 133
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-gradient-slider-vertical-size",
+            "value": "180px",
+            "scope": "default",
+            "line": {
+                "start": 134,
+                "end": 134
+            }
+        },
+        "group": [
+            "color-gradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the ColorGradient horizontal slider.\n",
+        "commentRange": {
+            "start": 135,
+            "end": 136
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-gradient-slider-horizontal-size",
+            "value": "100%",
+            "scope": "default",
+            "line": {
+                "start": 137,
+                "end": 137
+            }
+        },
+        "group": [
+            "color-gradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background image of the ColorGradient alpha slider.\n",
+        "commentRange": {
+            "start": 138,
+            "end": 139
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-gradient-slider-alpha-bgr",
+            "value": "\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC\"",
+            "scope": "default",
+            "line": {
+                "start": 140,
+                "end": 140
+            }
         },
         "group": [
             "color-gradient"
@@ -15252,17 +15402,17 @@
     {
         "description": "The height of the small ColorGradient vertical slider.\n",
         "commentRange": {
-            "start": 123,
-            "end": 124
+            "start": 142,
+            "end": 143
         },
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-sm-slider-vertical-size",
-            "value": "182px",
+            "value": "$kendo-color-gradient-slider-vertical-size",
             "scope": "default",
             "line": {
-                "start": 125,
-                "end": 125
+                "start": 144,
+                "end": 144
             }
         },
         "group": [
@@ -15277,8 +15427,8 @@
     {
         "description": "The height of the medium ColorGradient vertical slider.\n",
         "commentRange": {
-            "start": 126,
-            "end": 127
+            "start": 145,
+            "end": 146
         },
         "context": {
             "type": "variable",
@@ -15286,8 +15436,8 @@
             "value": "$kendo-color-gradient-slider-vertical-size",
             "scope": "default",
             "line": {
-                "start": 128,
-                "end": 128
+                "start": 147,
+                "end": 147
             }
         },
         "group": [
@@ -15302,8 +15452,8 @@
     {
         "description": "The height of the large ColorGradient vertical slider.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 148,
+            "end": 149
         },
         "context": {
             "type": "variable",
@@ -15311,8 +15461,8 @@
             "value": "268px",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 150,
+                "end": 150
             }
         },
         "group": [
@@ -15327,8 +15477,8 @@
     {
         "description": "The width of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 152,
+            "end": 153
         },
         "context": {
             "type": "variable",
@@ -15336,8 +15486,8 @@
             "value": "14px",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 154,
+                "end": 154
             }
         },
         "group": [
@@ -15352,8 +15502,8 @@
     {
         "description": "The height of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 136,
-            "end": 137
+            "start": 155,
+            "end": 156
         },
         "context": {
             "type": "variable",
@@ -15361,8 +15511,8 @@
             "value": "14px",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 157,
+                "end": 157
             }
         },
         "group": [
@@ -15377,8 +15527,8 @@
     {
         "description": "The width of the border around the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 139,
-            "end": 140
+            "start": 158,
+            "end": 159
         },
         "context": {
             "type": "variable",
@@ -15386,8 +15536,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 141,
-                "end": 141
+                "start": 160,
+                "end": 160
             }
         },
         "group": [
@@ -15402,8 +15552,8 @@
     {
         "description": "The width of the outline around the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 142,
-            "end": 143
+            "start": 161,
+            "end": 162
         },
         "context": {
             "type": "variable",
@@ -15411,8 +15561,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 144,
-                "end": 144
+                "start": 163,
+                "end": 163
             }
         },
         "group": [
@@ -15427,8 +15577,8 @@
     {
         "description": "The border radius of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 145,
-            "end": 146
+            "start": 164,
+            "end": 165
         },
         "context": {
             "type": "variable",
@@ -15436,8 +15586,8 @@
             "value": "50%",
             "scope": "default",
             "line": {
-                "start": 147,
-                "end": 147
+                "start": 166,
+                "end": 166
             }
         },
         "group": [
@@ -15452,8 +15602,8 @@
     {
         "description": "The text color of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 148,
-            "end": 149
+            "start": 167,
+            "end": 168
         },
         "context": {
             "type": "variable",
@@ -15461,8 +15611,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 150,
-                "end": 150
+                "start": 169,
+                "end": 169
             }
         },
         "group": [
@@ -15477,8 +15627,8 @@
     {
         "description": "The background color of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 151,
-            "end": 152
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -15486,8 +15636,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 153,
-                "end": 153
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -15502,8 +15652,8 @@
     {
         "description": "The color of the border around the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 154,
-            "end": 155
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -15511,8 +15661,8 @@
             "value": "rgba( white, .8)",
             "scope": "default",
             "line": {
-                "start": 156,
-                "end": 156
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -15527,8 +15677,8 @@
     {
         "description": "The focus color of the outline around the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 157,
-            "end": 158
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -15536,8 +15686,8 @@
             "value": "$kendo-color-black",
             "scope": "default",
             "line": {
-                "start": 159,
-                "end": 159
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -15552,8 +15702,8 @@
     {
         "description": "The outline color of the outline around the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 160,
-            "end": 161
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -15561,8 +15711,8 @@
             "value": "$kendo-color-black",
             "scope": "default",
             "line": {
-                "start": 162,
-                "end": 162
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -15577,8 +15727,8 @@
     {
         "description": "The box shadow of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 163,
-            "end": 164
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
@@ -15586,8 +15736,8 @@
             "value": "k-elevation(2)",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -15602,8 +15752,8 @@
     {
         "description": "The vertical margin of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 167,
-            "end": 168
+            "start": 186,
+            "end": 187
         },
         "context": {
             "type": "variable",
@@ -15611,8 +15761,8 @@
             "value": "- math.div( $kendo-color-gradient-draghandle-height, 2 )",
             "scope": "default",
             "line": {
-                "start": 169,
-                "end": 169
+                "start": 188,
+                "end": 188
             }
         },
         "group": [
@@ -15627,8 +15777,8 @@
     {
         "description": "The horizontal margin of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 170,
-            "end": 171
+            "start": 189,
+            "end": 190
         },
         "context": {
             "type": "variable",
@@ -15636,8 +15786,8 @@
             "value": "- math.div( $kendo-color-gradient-draghandle-width, 2 )",
             "scope": "default",
             "line": {
-                "start": 172,
-                "end": 172
+                "start": 191,
+                "end": 191
             }
         },
         "group": [
@@ -15652,8 +15802,8 @@
     {
         "description": "The width of the ColorGradient input.\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 193,
+            "end": 194
         },
         "context": {
             "type": "variable",
@@ -15661,8 +15811,8 @@
             "value": "46px",
             "scope": "default",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 195,
+                "end": 195
             }
         },
         "group": [
@@ -15677,8 +15827,8 @@
     {
         "description": "The spacing between the ColorGradient inputs.\n",
         "commentRange": {
-            "start": 177,
-            "end": 178
+            "start": 196,
+            "end": 197
         },
         "context": {
             "type": "variable",
@@ -15686,8 +15836,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 198,
+                "end": 198
             }
         },
         "group": [
@@ -15702,8 +15852,8 @@
     {
         "description": "The spacing between the ColorGradient inputs and their labels.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 199,
+            "end": 200
         },
         "context": {
             "type": "variable",
@@ -15711,8 +15861,8 @@
             "value": "calc( #{$kendo-color-gradient-spacer} / 3 )",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 201,
+                "end": 201
             }
         },
         "group": [
@@ -15727,8 +15877,8 @@
     {
         "description": "The text color of the ColorGradient input labels.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 202,
+            "end": 203
         },
         "context": {
             "type": "variable",
@@ -15736,8 +15886,8 @@
             "value": "$kendo-subtle-text",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 204,
+                "end": 204
             }
         },
         "group": [
@@ -15752,8 +15902,8 @@
     {
         "description": "The width of the small ColorGradient input.\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 206,
+            "end": 207
         },
         "context": {
             "type": "variable",
@@ -15761,8 +15911,8 @@
             "value": "42px",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 208,
+                "end": 208
             }
         },
         "group": [
@@ -15777,8 +15927,8 @@
     {
         "description": "The width of the medium ColorGradient input.\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 209,
+            "end": 210
         },
         "context": {
             "type": "variable",
@@ -15786,8 +15936,8 @@
             "value": "$kendo-color-gradient-input-width",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 211,
+                "end": 211
             }
         },
         "group": [
@@ -15802,17 +15952,17 @@
     {
         "description": "The width of the large ColorGradient input.\n",
         "commentRange": {
-            "start": 193,
-            "end": 194
+            "start": 212,
+            "end": 213
         },
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-lg-input-width",
-            "value": "62.5px",
+            "value": "62px",
             "scope": "default",
             "line": {
-                "start": 195,
-                "end": 195
+                "start": 214,
+                "end": 214
             }
         },
         "group": [
@@ -15827,8 +15977,8 @@
     {
         "description": "The font weight of the ColorGradient contrast ratio text.\n",
         "commentRange": {
-            "start": 197,
-            "end": 198
+            "start": 216,
+            "end": 217
         },
         "context": {
             "type": "variable",
@@ -15836,8 +15986,8 @@
             "value": "var( --kendo-font-weight-bold, normal )",
             "scope": "default",
             "line": {
-                "start": 199,
-                "end": 199
+                "start": 218,
+                "end": 218
             }
         },
         "group": [
@@ -15852,8 +16002,8 @@
     {
         "description": "The spacing between the items in the ColorGradient contrast tool.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 219,
+            "end": 220
         },
         "context": {
             "type": "variable",
@@ -15861,8 +16011,8 @@
             "value": "calc( #{$kendo-color-gradient-spacer} / 1.5 )",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 221,
+                "end": 221
             }
         },
         "group": [
@@ -15877,17 +16027,17 @@
     {
         "description": "The size map of the ColorGradient.\n",
         "commentRange": {
-            "start": 204,
-            "end": 205
+            "start": 223,
+            "end": 224
         },
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-sizes",
-            "value": "(\n    sm: (\n        width: $kendo-color-gradient-sm-width,\n        vertical-slider-height: $kendo-color-gradient-sm-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-sm-input-width,\n        gap: $kendo-color-gradient-sm-gap,\n        canvas-gap: $kendo-color-gradient-sm-canvas-gap\n    ),\n    md: (\n        width: $kendo-color-gradient-md-width,\n        vertical-slider-height: $kendo-color-gradient-md-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-md-input-width,\n        gap: $kendo-color-gradient-md-gap,\n        canvas-gap: $kendo-color-gradient-md-canvas-gap\n    ),\n    lg: (\n        width: $kendo-color-gradient-lg-width,\n        vertical-slider-height: $kendo-color-gradient-lg-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-lg-input-width,\n        gap: $kendo-color-gradient-lg-gap,\n        canvas-gap: $kendo-color-gradient-lg-canvas-gap\n    )\n)",
+            "value": "(\n    sm: (\n        width: $kendo-color-gradient-sm-width,\n        vertical-slider-height: $kendo-color-gradient-sm-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-sm-input-width,\n        gap: $kendo-color-gradient-sm-gap,\n        canvas-gap: $kendo-color-gradient-sm-canvas-gap,\n        padding-x: $kendo-color-gradient-sm-padding-x,\n        padding-y: $kendo-color-gradient-sm-padding-y\n    ),\n    md: (\n        width: $kendo-color-gradient-md-width,\n        vertical-slider-height: $kendo-color-gradient-md-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-md-input-width,\n        gap: $kendo-color-gradient-md-gap,\n        canvas-gap: $kendo-color-gradient-md-canvas-gap,\n        padding-x: $kendo-color-gradient-md-padding-x,\n        padding-y: $kendo-color-gradient-md-padding-y\n    ),\n    lg: (\n        width: $kendo-color-gradient-lg-width,\n        vertical-slider-height: $kendo-color-gradient-lg-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-lg-input-width,\n        gap: $kendo-color-gradient-lg-gap,\n        canvas-gap: $kendo-color-gradient-lg-canvas-gap,\n        padding-x: $kendo-color-gradient-lg-padding-x,\n        padding-y: $kendo-color-gradient-lg-padding-y\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 206,
-                "end": 231
+                "start": 225,
+                "end": 256
             }
         },
         "group": [
@@ -16032,7 +16182,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-sm-width",
+            "name": "kendo-color-palette-sm-tile-width",
             "value": "k-spacing(5.5)",
             "scope": "default",
             "line": {
@@ -16057,8 +16207,8 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-sm-height",
-            "value": "$kendo-color-palette-tile-sm-width",
+            "name": "kendo-color-palette-sm-tile-height",
+            "value": "$kendo-color-palette-sm-tile-width",
             "scope": "default",
             "line": {
                 "start": 26,
@@ -16082,7 +16232,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-md-width",
+            "name": "kendo-color-palette-md-tile-width",
             "value": "$kendo-color-palette-tile-width",
             "scope": "default",
             "line": {
@@ -16107,7 +16257,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-md-height",
+            "name": "kendo-color-palette-md-tile-height",
             "value": "$kendo-color-palette-tile-height",
             "scope": "default",
             "line": {
@@ -16132,7 +16282,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-lg-width",
+            "name": "kendo-color-palette-lg-tile-width",
             "value": "k-spacing(8)",
             "scope": "default",
             "line": {
@@ -16157,8 +16307,8 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-lg-height",
-            "value": "$kendo-color-palette-tile-lg-width",
+            "name": "kendo-color-palette-lg-tile-height",
+            "value": "$kendo-color-palette-lg-tile-width",
             "scope": "default",
             "line": {
                 "start": 38,
@@ -16258,7 +16408,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-palette-sizes",
-            "value": "(\n    sm: (\n        width: $kendo-color-palette-tile-sm-width,\n        height: $kendo-color-palette-tile-sm-height\n    ),\n    md: (\n        width: $kendo-color-palette-tile-md-width,\n        height: $kendo-color-palette-tile-md-height\n    ),\n    lg: (\n        width: $kendo-color-palette-tile-lg-width,\n        height: $kendo-color-palette-tile-lg-height\n    )\n)",
+            "value": "(\n    sm: (\n        width: $kendo-color-palette-sm-tile-width,\n        height: $kendo-color-palette-sm-tile-height\n    ),\n    md: (\n        width: $kendo-color-palette-md-tile-width,\n        height: $kendo-color-palette-md-tile-height\n    ),\n    lg: (\n        width: $kendo-color-palette-lg-tile-width,\n        height: $kendo-color-palette-lg-tile-height\n    )\n)",
             "scope": "default",
             "line": {
                 "start": 51,