@progress/kendo-theme-fluent 9.1.1-dev.2 → 10.0.0-dev.1

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

@@ -13552,8 +13552,8 @@
     {
         "description": "The border radius of the CheckBox.\n",
         "commentRange": {
-            "start": 7,
-            "end": 8
+            "start": 8,
+            "end": 9
         },
         "context": {
             "type": "variable",
@@ -13561,8 +13561,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 9,
-                "end": 9
+                "start": 10,
+                "end": 10
             }
         },
         "group": [
@@ -13577,8 +13577,8 @@
     {
         "description": "The border width of the CheckBox.\n",
         "commentRange": {
-            "start": 11,
-            "end": 12
+            "start": 12,
+            "end": 13
         },
         "context": {
             "type": "variable",
@@ -13586,8 +13586,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 13,
-                "end": 13
+                "start": 14,
+                "end": 14
             }
         },
         "group": [
@@ -13602,8 +13602,8 @@
     {
         "description": "The background color of the CheckBox.\n",
         "commentRange": {
-            "start": 40,
-            "end": 41
+            "start": 41,
+            "end": 42
         },
         "context": {
             "type": "variable",
@@ -13611,8 +13611,8 @@
             "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
-                "start": 42,
-                "end": 42
+                "start": 43,
+                "end": 43
             }
         },
         "group": [
@@ -13627,8 +13627,8 @@
     {
         "description": "The text color of the CheckBox.\n",
         "commentRange": {
-            "start": 43,
-            "end": 44
+            "start": 44,
+            "end": 45
         },
         "context": {
             "type": "variable",
@@ -13636,8 +13636,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 45,
-                "end": 45
+                "start": 46,
+                "end": 46
             }
         },
         "group": [
@@ -13652,8 +13652,8 @@
     {
         "description": "The border color of the CheckBox.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 47,
+            "end": 48
         },
         "context": {
             "type": "variable",
@@ -13661,8 +13661,8 @@
             "value": "if($kendo-enable-color-system, k-color( border-alt ), k-get-theme-color-var( neutral-160 ))",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 49,
+                "end": 49
             }
         },
         "group": [
@@ -13677,8 +13677,8 @@
     {
         "description": "The background color of the hovered CheckBox.\n",
         "commentRange": {
-            "start": 50,
-            "end": 51
+            "start": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
@@ -13686,8 +13686,8 @@
             "value": "$kendo-checkbox-bg",
             "scope": "default",
             "line": {
-                "start": 52,
-                "end": 52
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -13702,8 +13702,8 @@
     {
         "description": "The text color of the hovered CheckBox.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 54,
+            "end": 55
         },
         "context": {
             "type": "variable",
@@ -13711,8 +13711,8 @@
             "value": "if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color( neutral, 130 ))",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 56,
+                "end": 56
             }
         },
         "group": [
@@ -13727,8 +13727,8 @@
     {
         "description": "The border color of the hovered CheckBox.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 57,
+            "end": 58
         },
         "context": {
             "type": "variable",
@@ -13736,8 +13736,8 @@
             "value": "$kendo-checkbox-border",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 59,
+                "end": 59
             }
         },
         "group": [
@@ -13752,8 +13752,8 @@
     {
         "description": "The background color of the checked CheckBox.\n",
         "commentRange": {
-            "start": 60,
-            "end": 61
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -13761,8 +13761,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 62,
-                "end": 62
+                "start": 63,
+                "end": 63
             }
         },
         "group": [
@@ -13777,8 +13777,8 @@
     {
         "description": "The text color of the checked CheckBox.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 64,
+            "end": 65
         },
         "context": {
             "type": "variable",
@@ -13786,8 +13786,8 @@
             "value": "if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white)",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 66,
+                "end": 66
             }
         },
         "group": [
@@ -13802,8 +13802,8 @@
     {
         "description": "The border color of the checked CheckBox.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 67,
+            "end": 68
         },
         "context": {
             "type": "variable",
@@ -13811,8 +13811,8 @@
             "value": "$kendo-checkbox-checked-bg",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 69,
+                "end": 69
             }
         },
         "group": [
@@ -13827,8 +13827,8 @@
     {
         "description": "The background of the hovered and checked CheckBox.\n",
         "commentRange": {
-            "start": 70,
-            "end": 71
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
@@ -13836,8 +13836,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
             "scope": "default",
             "line": {
-                "start": 72,
-                "end": 72
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -13852,8 +13852,8 @@
     {
         "description": "The text color of the hovered and checked CheckBox.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 74,
+            "end": 75
         },
         "context": {
             "type": "variable",
@@ -13861,8 +13861,8 @@
             "value": "if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white)",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 76,
+                "end": 76
             }
         },
         "group": [
@@ -13877,8 +13877,8 @@
     {
         "description": "The border color of the hovered and checked CheckBox.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 77,
+            "end": 78
         },
         "context": {
             "type": "variable",
@@ -13886,8 +13886,8 @@
             "value": "$kendo-checkbox-hover-checked-bg",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 79,
+                "end": 79
             }
         },
         "group": [
@@ -13902,8 +13902,8 @@
     {
         "description": "The border color of the focused CheckBox.\n",
         "commentRange": {
-            "start": 80,
-            "end": 81
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -13911,8 +13911,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 82,
-                "end": 82
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -13927,8 +13927,8 @@
     {
         "description": "The box shadow of the focused CheckBox.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 84,
+            "end": 85
         },
         "context": {
             "type": "variable",
@@ -13936,8 +13936,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -13952,8 +13952,8 @@
     {
         "description": "The outline of the focused CheckBox.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 87,
+            "end": 88
         },
         "context": {
             "type": "variable",
@@ -13961,8 +13961,8 @@
             "value": "1px solid if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 89,
+                "end": 89
             }
         },
         "group": [
@@ -13977,8 +13977,8 @@
     {
         "description": "The background color of the indeterminate CheckBox.\n",
         "commentRange": {
-            "start": 91,
-            "end": 92
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -13986,8 +13986,8 @@
             "value": "$kendo-checkbox-bg",
             "scope": "default",
             "line": {
-                "start": 93,
-                "end": 93
+                "start": 94,
+                "end": 94
             }
         },
         "group": [
@@ -14002,8 +14002,8 @@
     {
         "description": "The text color of the indeterminate CheckBox.\n",
         "commentRange": {
-            "start": 94,
-            "end": 95
+            "start": 95,
+            "end": 96
         },
         "context": {
             "type": "variable",
@@ -14011,8 +14011,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color( primary, 100 ))",
             "scope": "default",
             "line": {
-                "start": 96,
-                "end": 96
+                "start": 97,
+                "end": 97
             }
         },
         "group": [
@@ -14027,8 +14027,8 @@
     {
         "description": "The border color of the indeterminate CheckBox.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 98,
+            "end": 99
         },
         "context": {
             "type": "variable",
@@ -14036,8 +14036,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -14052,8 +14052,8 @@
     {
         "description": "The background color of the hovered and indeterminate CheckBox.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
@@ -14061,8 +14061,8 @@
             "value": "$kendo-checkbox-bg",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -14077,8 +14077,8 @@
     {
         "description": "The text color of the hovered and indeterminate CheckBox.\n",
         "commentRange": {
-            "start": 104,
-            "end": 105
+            "start": 105,
+            "end": 106
         },
         "context": {
             "type": "variable",
@@ -14086,8 +14086,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color( primary, 110 ))",
             "scope": "default",
             "line": {
-                "start": 106,
-                "end": 106
+                "start": 107,
+                "end": 107
             }
         },
         "group": [
@@ -14102,8 +14102,8 @@
     {
         "description": "The border color of the hovered and indeterminate CheckBox.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
@@ -14111,8 +14111,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -14127,8 +14127,8 @@
     {
         "description": "The background color of the disabled CheckBox.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 112,
+            "end": 113
         },
         "context": {
             "type": "variable",
@@ -14136,8 +14136,8 @@
             "value": "$kendo-checkbox-bg",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 114,
+                "end": 114
             }
         },
         "group": [
@@ -14152,8 +14152,8 @@
     {
         "description": "The text color of the disabled CheckBox.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
@@ -14161,8 +14161,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -14177,8 +14177,8 @@
     {
         "description": "The border color of the disabled CheckBox.\n",
         "commentRange": {
-            "start": 117,
-            "end": 118
+            "start": 118,
+            "end": 119
         },
         "context": {
             "type": "variable",
@@ -14186,8 +14186,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
             "scope": "default",
             "line": {
-                "start": 119,
-                "end": 119
+                "start": 120,
+                "end": 120
             }
         },
         "group": [
@@ -14202,8 +14202,8 @@
     {
         "description": "The background color of the disabled and checked CheckBox.\n",
         "commentRange": {
-            "start": 121,
-            "end": 122
+            "start": 122,
+            "end": 123
         },
         "context": {
             "type": "variable",
@@ -14211,8 +14211,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 124,
+                "end": 124
             }
         },
         "group": [
@@ -14227,8 +14227,8 @@
     {
         "description": "The text color of the disabled and checked CheckBox.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 125,
+            "end": 126
         },
         "context": {
             "type": "variable",
@@ -14236,8 +14236,8 @@
             "value": "if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white)",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 127,
+                "end": 127
             }
         },
         "group": [
@@ -14252,8 +14252,8 @@
     {
         "description": "The border color of the disabled and checked CheckBox.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
@@ -14261,8 +14261,8 @@
             "value": "if($kendo-enable-color-system, transparent, k-get-theme-color-var( neutral-60 ))",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -14277,8 +14277,8 @@
     {
         "description": "The background color of the disabled and indeterminate CheckBox.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 132,
+            "end": 133
         },
         "context": {
             "type": "variable",
@@ -14286,8 +14286,8 @@
             "value": "$kendo-checkbox-bg",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 134,
+                "end": 134
             }
         },
         "group": [
@@ -14302,8 +14302,8 @@
     {
         "description": "The border color of the disabled and indeterminate CheckBox.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 135,
+            "end": 136
         },
         "context": {
             "type": "variable",
@@ -14311,8 +14311,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color( neutral, 60 ))",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 137,
+                "end": 137
             }
         },
         "group": [
@@ -14327,8 +14327,8 @@
     {
         "description": "The border color of the disabled and indeterminate CheckBox.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 138,
+            "end": 139
         },
         "context": {
             "type": "variable",
@@ -14336,8 +14336,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 140,
+                "end": 140
             }
         },
         "group": [
@@ -14352,8 +14352,8 @@
     {
         "description": "The background color of an invalid CheckBox.\n",
         "commentRange": {
-            "start": 141,
-            "end": 142
+            "start": 142,
+            "end": 143
         },
         "context": {
             "type": "variable",
@@ -14361,8 +14361,8 @@
             "value": "$kendo-checkbox-bg",
             "scope": "default",
             "line": {
-                "start": 143,
-                "end": 143
+                "start": 144,
+                "end": 144
             }
         },
         "group": [
@@ -14377,8 +14377,8 @@
     {
         "description": "The text color of an invalid CheckBox.\n",
         "commentRange": {
-            "start": 144,
-            "end": 145
+            "start": 145,
+            "end": 146
         },
         "context": {
             "type": "variable",
@@ -14386,8 +14386,8 @@
             "value": "$kendo-invalid-text",
             "scope": "default",
             "line": {
-                "start": 146,
-                "end": 146
+                "start": 147,
+                "end": 147
             }
         },
         "group": [
@@ -14402,8 +14402,8 @@
     {
         "description": "The border color of an invalid CheckBox.\n",
         "commentRange": {
-            "start": 147,
-            "end": 148
+            "start": 148,
+            "end": 149
         },
         "context": {
             "type": "variable",
@@ -14411,8 +14411,8 @@
             "value": "$kendo-invalid-border",
             "scope": "default",
             "line": {
-                "start": 149,
-                "end": 149
+                "start": 150,
+                "end": 150
             }
         },
         "group": [
@@ -14427,8 +14427,8 @@
     {
         "description": "The type of the CheckBox indicator.\n",
         "commentRange": {
-            "start": 154,
-            "end": 155
+            "start": 155,
+            "end": 156
         },
         "context": {
             "type": "variable",
@@ -14436,8 +14436,8 @@
             "value": "image",
             "scope": "default",
             "line": {
-                "start": 156,
-                "end": 156
+                "start": 157,
+                "end": 157
             }
         },
         "group": [
@@ -14452,8 +14452,8 @@
     {
         "description": "The font family of the CheckBox indicator glyph.\n",
         "commentRange": {
-            "start": 158,
-            "end": 159
+            "start": 159,
+            "end": 160
         },
         "context": {
             "type": "variable",
@@ -14461,8 +14461,8 @@
             "value": "\"WebComponentsIcons\", monospace",
             "scope": "default",
             "line": {
-                "start": 160,
-                "end": 160
+                "start": 161,
+                "end": 161
             }
         },
         "group": [
@@ -14477,8 +14477,8 @@
     {
         "description": "The glyph of the CheckBox indicator.\n",
         "commentRange": {
-            "start": 161,
-            "end": 162
+            "start": 162,
+            "end": 163
         },
         "context": {
             "type": "variable",
@@ -14486,8 +14486,8 @@
             "value": "\"\\e118\"",
             "scope": "default",
             "line": {
-                "start": 163,
-                "end": 163
+                "start": 164,
+                "end": 164
             }
         },
         "group": [
@@ -14502,8 +14502,8 @@
     {
         "description": "The glyph of the indeterminate CheckBox indicator.\n",
         "commentRange": {
-            "start": 164,
-            "end": 165
+            "start": 165,
+            "end": 166
         },
         "context": {
             "type": "variable",
@@ -14511,8 +14511,8 @@
             "value": "\"\\e121\"",
             "scope": "default",
             "line": {
-                "start": 166,
-                "end": 166
+                "start": 167,
+                "end": 167
             }
         },
         "group": [
@@ -14527,17 +14527,17 @@
     {
         "description": "The image of the hovered CheckBox indicator.\n",
         "commentRange": {
-            "start": 168,
-            "end": 169
+            "start": 169,
+            "end": 170
         },
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-hover-image",
-            "value": "escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-hover-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-hover-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
             "scope": "default",
             "line": {
-                "start": 170,
-                "end": 170
+                "start": 171,
+                "end": 171
             }
         },
         "group": [
@@ -14552,17 +14552,17 @@
     {
         "description": "The image of the checked CheckBox indicator.\n",
         "commentRange": {
-            "start": 171,
-            "end": 172
+            "start": 172,
+            "end": 173
         },
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-checked-image",
-            "value": "escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 174,
+                "end": 174
             }
         },
         "group": [
@@ -14577,17 +14577,17 @@
     {
         "description": "The image of the indeterminate CheckBox indicator.\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 175,
+            "end": 176
         },
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-indeterminate-image",
-            "value": "escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#{$kendo-checkbox-indeterminate-text}'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#{$kendo-checkbox-indeterminate-text}'/></svg>\") )",
             "scope": "default",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 177,
+                "end": 177
             }
         },
         "group": [
@@ -14602,17 +14602,17 @@
     {
         "description": "The image of the hovered and checked CheckBox indicator.\n",
         "commentRange": {
-            "start": 177,
-            "end": 178
+            "start": 178,
+            "end": 179
         },
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-hover-checked-image",
-            "value": "escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-hover-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-hover-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 180,
+                "end": 180
             }
         },
         "group": [
@@ -14627,17 +14627,17 @@
     {
         "description": "The image of the hovered and indeterminate CheckBox indicator.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 181,
+            "end": 182
         },
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-hover-indeterminate-image",
-            "value": "escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#{$kendo-checkbox-hover-indeterminate-text}'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#{$kendo-checkbox-hover-indeterminate-text}'/></svg>\") )",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 183,
+                "end": 183
             }
         },
         "group": [
@@ -14652,17 +14652,17 @@
     {
         "description": "The image of the checked CheckBox indicator.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 184,
+            "end": 185
         },
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-disabled-checked-image",
-            "value": "escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-disabled-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-disabled-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 186,
+                "end": 186
             }
         },
         "group": [
@@ -14677,17 +14677,17 @@
     {
         "description": "The image of the indeterminate CheckBox indicator.\n",
         "commentRange": {
-            "start": 186,
-            "end": 187
+            "start": 187,
+            "end": 188
         },
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-disabled-indeterminate-image",
-            "value": "escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#{$kendo-checkbox-disabled-indeterminate-text}'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#{$kendo-checkbox-disabled-indeterminate-text}'/></svg>\") )",
             "scope": "default",
             "line": {
-                "start": 188,
-                "end": 188
+                "start": 189,
+                "end": 189
             }
         },
         "group": [
@@ -14702,8 +14702,8 @@
     {
         "description": "The horizontal margin of the CheckBox inside a label.\n",
         "commentRange": {
-            "start": 193,
-            "end": 194
+            "start": 194,
+            "end": 195
         },
         "context": {
             "type": "variable",
@@ -14711,8 +14711,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 195,
-                "end": 195
+                "start": 196,
+                "end": 196
             }
         },
         "group": [
@@ -14727,8 +14727,8 @@
     {
         "description": "The spacing between the items in a horizontal CheckBox list.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 201,
+            "end": 202
         },
         "context": {
             "type": "variable",
@@ -14736,8 +14736,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 203,
+                "end": 203
             }
         },
         "group": [
@@ -14752,8 +14752,8 @@
     {
         "description": "The horizontal padding of the CheckBox list items.\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 204,
+            "end": 205
         },
         "context": {
             "type": "variable",
@@ -14761,8 +14761,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 206,
+                "end": 206
             }
         },
         "group": [
@@ -14777,8 +14777,8 @@
     {
         "description": "The vertical padding of the CheckBox list items.\n",
         "commentRange": {
-            "start": 206,
-            "end": 207
+            "start": 207,
+            "end": 208
         },
         "context": {
             "type": "variable",
@@ -14786,8 +14786,8 @@
             "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 208,
-                "end": 208
+                "start": 209,
+                "end": 209
             }
         },
         "group": [
@@ -14802,8 +14802,8 @@
     {
         "description": "The background color of the CheckBox' ripple.\n",
         "commentRange": {
-            "start": 213,
-            "end": 214
+            "start": 214,
+            "end": 215
         },
         "context": {
             "type": "variable",
@@ -14811,8 +14811,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 215,
-                "end": 215
+                "start": 216,
+                "end": 216
             }
         },
         "group": [
@@ -14827,8 +14827,8 @@
     {
         "description": "The opacity of the CheckBox' ripple.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 217,
+            "end": 218
         },
         "context": {
             "type": "variable",
@@ -14836,8 +14836,8 @@
             "value": ".25",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 219,
+                "end": 219
             }
         },
         "group": [
@@ -17827,8 +17827,8 @@
     {
         "description": "Border radius of the color preview.\n",
         "commentRange": {
-            "start": 3,
-            "end": 4
+            "start": 4,
+            "end": 5
         },
         "context": {
             "type": "variable",
@@ -17836,8 +17836,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 5,
-                "end": 5
+                "start": 6,
+                "end": 6
             }
         },
         "group": [
@@ -17852,8 +17852,8 @@
     {
         "description": "Border width of the color preview.\n",
         "commentRange": {
-            "start": 6,
-            "end": 7
+            "start": 7,
+            "end": 8
         },
         "context": {
             "type": "variable",
@@ -17861,8 +17861,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 8,
-                "end": 8
+                "start": 9,
+                "end": 9
             }
         },
         "group": [
@@ -17877,8 +17877,8 @@
     {
         "description": "Default background color of the color preview.\n",
         "commentRange": {
-            "start": 9,
-            "end": 10
+            "start": 10,
+            "end": 11
         },
         "context": {
             "type": "variable",
@@ -17886,8 +17886,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 11,
-                "end": 11
+                "start": 12,
+                "end": 12
             }
         },
         "group": [
@@ -17902,8 +17902,8 @@
     {
         "description": "Text color of the color preview.\n",
         "commentRange": {
-            "start": 12,
-            "end": 13
+            "start": 13,
+            "end": 14
         },
         "context": {
             "type": "variable",
@@ -17911,8 +17911,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 15,
+                "end": 15
             }
         },
         "group": [
@@ -17927,8 +17927,8 @@
     {
         "description": "Border color of the color preview.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 16,
+            "end": 17
         },
         "context": {
             "type": "variable",
@@ -17936,8 +17936,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 18,
+                "end": 18
             }
         },
         "group": [
@@ -17952,8 +17952,8 @@
     {
         "description": "Hover Border color of the color preview.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
@@ -17961,8 +17961,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -17977,8 +17977,8 @@
     {
         "description": "Background color of the color preview when no color is selected.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 23,
+            "end": 24
         },
         "context": {
             "type": "variable",
@@ -17986,8 +17986,8 @@
             "value": "if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white)",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 25,
+                "end": 25
             }
         },
         "group": [
@@ -18002,8 +18002,8 @@
     {
         "description": "Text color of the color preview when no color is selected.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -18011,8 +18011,8 @@
             "value": "if($kendo-enable-color-system, k-color( error-on-surface ), k-get-theme-color( error, 190 ))",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -18027,8 +18027,8 @@
     {
         "description": "Border color of the color preview when no color is selected.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
@@ -18036,8 +18036,8 @@
             "value": "currentColor",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
@@ -18052,8 +18052,8 @@
     {
         "description": "The global default Colors map.\n",
         "commentRange": {
-            "start": 179,
-            "end": 428
+            "start": 177,
+            "end": 426
         },
         "context": {
             "type": "variable",
@@ -18061,8 +18061,8 @@
             "value": "$_default-colors",
             "scope": "default",
             "line": {
-                "start": 429,
-                "end": 429
+                "start": 427,
+                "end": 427
             }
         },
         "group": [
@@ -19068,206 +19068,6 @@
             "name": "_swatch.scss"
         }
     },
-    {
-        "description": "Horizontal padding.\n",
-        "commentRange": {
-            "start": 4,
-            "end": 5
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-padding-x",
-            "value": "k-spacing(2)",
-            "scope": "default",
-            "line": {
-                "start": 6,
-                "end": 6
-            }
-        },
-        "group": [
-            "common"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/spacing/_index.scss",
-            "name": "_index.scss"
-        }
-    },
-    {
-        "description": "Vertical padding.\n",
-        "commentRange": {
-            "start": 7,
-            "end": 8
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-padding-y",
-            "value": "k-spacing(1)",
-            "scope": "default",
-            "line": {
-                "start": 9,
-                "end": 9
-            }
-        },
-        "group": [
-            "common"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/spacing/_index.scss",
-            "name": "_index.scss"
-        }
-    },
-    {
-        "description": "Small horizontal padding.\n",
-        "commentRange": {
-            "start": 10,
-            "end": 11
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-padding-sm-x",
-            "value": "k-spacing(1)",
-            "scope": "default",
-            "line": {
-                "start": 12,
-                "end": 12
-            }
-        },
-        "group": [
-            "common"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/spacing/_index.scss",
-            "name": "_index.scss"
-        }
-    },
-    {
-        "description": "Small vertical padding.\n",
-        "commentRange": {
-            "start": 13,
-            "end": 14
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-padding-sm-y",
-            "value": "k-spacing(0.5)",
-            "scope": "default",
-            "line": {
-                "start": 15,
-                "end": 15
-            }
-        },
-        "group": [
-            "common"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/spacing/_index.scss",
-            "name": "_index.scss"
-        }
-    },
-    {
-        "description": "Medium horizontal padding.\n",
-        "commentRange": {
-            "start": 16,
-            "end": 17
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-padding-md-x",
-            "value": "k-spacing(2)",
-            "scope": "default",
-            "line": {
-                "start": 18,
-                "end": 18
-            }
-        },
-        "group": [
-            "common"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/spacing/_index.scss",
-            "name": "_index.scss"
-        }
-    },
-    {
-        "description": "Medium vertical padding.\n",
-        "commentRange": {
-            "start": 19,
-            "end": 20
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-padding-md-y",
-            "value": "k-spacing(1)",
-            "scope": "default",
-            "line": {
-                "start": 21,
-                "end": 21
-            }
-        },
-        "group": [
-            "common"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/spacing/_index.scss",
-            "name": "_index.scss"
-        }
-    },
-    {
-        "description": "Large horizontal padding.\n",
-        "commentRange": {
-            "start": 22,
-            "end": 23
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-padding-lg-x",
-            "value": "k-spacing(3)",
-            "scope": "default",
-            "line": {
-                "start": 24,
-                "end": 24
-            }
-        },
-        "group": [
-            "common"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/spacing/_index.scss",
-            "name": "_index.scss"
-        }
-    },
-    {
-        "description": "Large vertical padding.\n",
-        "commentRange": {
-            "start": 25,
-            "end": 26
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-padding-lg-y",
-            "value": "k-spacing(1.5)",
-            "scope": "default",
-            "line": {
-                "start": 27,
-                "end": 27
-            }
-        },
-        "group": [
-            "common"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/spacing/_index.scss",
-            "name": "_index.scss"
-        }
-    },
     {
         "description": "The width of the border around the Dialog.\n",
         "commentRange": {
@@ -20627,7 +20427,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drag-clue-padding-x",
-            "value": "$kendo-padding-lg-x",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
                 "start": 16,
@@ -20652,7 +20452,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drag-clue-padding-y",
-            "value": "$kendo-padding-lg-y",
+            "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
                 "start": 19,
@@ -21477,7 +21277,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-item-padding-y",
-            "value": "var( --kendo-padding-x, #{$kendo-padding-md-x} )",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 55,
@@ -25527,7 +25327,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-filter-padding-x",
-            "value": "$kendo-padding-md-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 6,
@@ -25552,7 +25352,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-filter-padding-y",
-            "value": "$kendo-padding-md-y",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
                 "start": 9,
@@ -27502,7 +27302,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-form-spacer",
-            "value": "calc( #{$kendo-padding-md-x} * 2 )",
+            "value": "calc( #{k-spacing(2)} * 2 )",
             "scope": "default",
             "line": {
                 "start": 7,
@@ -29652,7 +29452,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-gantt-task-actions-padding-y",
-            "value": "$kendo-padding-md-y",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
                 "start": 132,
@@ -29677,7 +29477,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-gantt-task-actions-padding-x",
-            "value": "$kendo-padding-md-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 135,
@@ -34364,7 +34164,7 @@
         ],
         "access": "public",
         "file": {
-            "path": "icon/_variables.scss",
+            "path": "icons/_variables.scss",
             "name": "_variables.scss"
         }
     },
@@ -34389,7 +34189,7 @@
         ],
         "access": "public",
         "file": {
-            "path": "icon/_variables.scss",
+            "path": "icons/_variables.scss",
             "name": "_variables.scss"
         }
     },
@@ -34414,7 +34214,7 @@
         ],
         "access": "public",
         "file": {
-            "path": "icon/_variables.scss",
+            "path": "icons/_variables.scss",
             "name": "_variables.scss"
         }
     },
@@ -42652,7 +42452,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-map-attribution-padding-x",
-            "value": "$kendo-padding-sm-x",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
                 "start": 73,
@@ -42677,7 +42477,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-map-attribution-padding-y",
-            "value": "$kendo-padding-sm-y",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
                 "start": 76,
@@ -47346,8 +47146,8 @@
     {
         "description": "The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.\n",
         "commentRange": {
-            "start": 239,
-            "end": 240
+            "start": 241,
+            "end": 242
         },
         "context": {
             "type": "variable",
@@ -47355,8 +47155,8 @@
             "value": "$_default-palette-gray",
             "scope": "default",
             "line": {
-                "start": 241,
-                "end": 241
+                "start": 243,
+                "end": 243
             }
         },
         "group": [
@@ -47371,8 +47171,8 @@
     {
         "description": "The Ocean Blue Palette provides colors to the Primary variable group.\n",
         "commentRange": {
-            "start": 244,
-            "end": 245
+            "start": 246,
+            "end": 247
         },
         "context": {
             "type": "variable",
@@ -47380,8 +47180,8 @@
             "value": "$_default-palette-ocean-blue",
             "scope": "default",
             "line": {
-                "start": 246,
-                "end": 246
+                "start": 248,
+                "end": 248
             }
         },
         "group": [
@@ -47396,8 +47196,8 @@
     {
         "description": "The Crimson Red Palette provides colors to the Error variable group.\n",
         "commentRange": {
-            "start": 249,
-            "end": 250
+            "start": 251,
+            "end": 252
         },
         "context": {
             "type": "variable",
@@ -47405,8 +47205,8 @@
             "value": "$_default-palette-crimson-red",
             "scope": "default",
             "line": {
-                "start": 251,
-                "end": 251
+                "start": 253,
+                "end": 253
             }
         },
         "group": [
@@ -47421,8 +47221,8 @@
     {
         "description": "The Dandelion Yellow Palette provides colors to the Warning variable group.\n",
         "commentRange": {
-            "start": 254,
-            "end": 255
+            "start": 256,
+            "end": 257
         },
         "context": {
             "type": "variable",
@@ -47430,8 +47230,8 @@
             "value": "$_default-palette-dandelion-yellow",
             "scope": "default",
             "line": {
-                "start": 256,
-                "end": 256
+                "start": 258,
+                "end": 258
             }
         },
         "group": [
@@ -47446,8 +47246,8 @@
     {
         "description": "The Forest Green Palette provides colors to the Success variable group.\n",
         "commentRange": {
-            "start": 259,
-            "end": 260
+            "start": 261,
+            "end": 262
         },
         "context": {
             "type": "variable",
@@ -47455,8 +47255,8 @@
             "value": "$_default-palette-forest-green",
             "scope": "default",
             "line": {
-                "start": 261,
-                "end": 261
+                "start": 263,
+                "end": 263
             }
         },
         "group": [
@@ -47471,8 +47271,8 @@
     {
         "description": "The Cobalt Blue Palette provides colors to the Info variable group.\n",
         "commentRange": {
-            "start": 264,
-            "end": 265
+            "start": 266,
+            "end": 267
         },
         "context": {
             "type": "variable",
@@ -47480,8 +47280,8 @@
             "value": "$_default-palette-cobalt-blue",
             "scope": "default",
             "line": {
-                "start": 266,
-                "end": 266
+                "start": 268,
+                "end": 268
             }
         },
         "group": [
@@ -47496,8 +47296,8 @@
     {
         "description": "The Azure Blue Palette provides colors to the Tertiary variable group.\n",
         "commentRange": {
-            "start": 269,
-            "end": 270
+            "start": 271,
+            "end": 272
         },
         "context": {
             "type": "variable",
@@ -47505,8 +47305,8 @@
             "value": "$_default-palette-azure-blue",
             "scope": "default",
             "line": {
-                "start": 271,
-                "end": 271
+                "start": 273,
+                "end": 273
             }
         },
         "group": [
@@ -47521,8 +47321,8 @@
     {
         "description": "The Sapphire Blue Palette provides colors to the Series A variable group.\n",
         "commentRange": {
-            "start": 274,
-            "end": 275
+            "start": 276,
+            "end": 277
         },
         "context": {
             "type": "variable",
@@ -47530,8 +47330,8 @@
             "value": "$_default-palette-sapphire-blue",
             "scope": "default",
             "line": {
-                "start": 276,
-                "end": 276
+                "start": 278,
+                "end": 278
             }
         },
         "group": [
@@ -47546,8 +47346,8 @@
     {
         "description": "The Cardinal Red Palette provides colors to the Series B variable group.\n",
         "commentRange": {
-            "start": 279,
-            "end": 280
+            "start": 281,
+            "end": 282
         },
         "context": {
             "type": "variable",
@@ -47555,8 +47355,8 @@
             "value": "$_default-palette-cardinal-red",
             "scope": "default",
             "line": {
-                "start": 281,
-                "end": 281
+                "start": 283,
+                "end": 283
             }
         },
         "group": [
@@ -47571,8 +47371,8 @@
     {
         "description": "The Cyber Yellow Palette provides colors to the Series C variable group.\n",
         "commentRange": {
-            "start": 284,
-            "end": 285
+            "start": 286,
+            "end": 287
         },
         "context": {
             "type": "variable",
@@ -47580,8 +47380,8 @@
             "value": "$_default-palette-cyber-yellow",
             "scope": "default",
             "line": {
-                "start": 286,
-                "end": 286
+                "start": 288,
+                "end": 288
             }
         },
         "group": [
@@ -47596,8 +47396,8 @@
     {
         "description": "The Denim Blue Palette provides colors to the Series D variable group.\n",
         "commentRange": {
-            "start": 289,
-            "end": 290
+            "start": 291,
+            "end": 292
         },
         "context": {
             "type": "variable",
@@ -47605,8 +47405,8 @@
             "value": "$_default-palette-denim-blue",
             "scope": "default",
             "line": {
-                "start": 291,
-                "end": 291
+                "start": 293,
+                "end": 293
             }
         },
         "group": [
@@ -47621,8 +47421,8 @@
     {
         "description": "The Iris Purple Palette provides colors to the Series E variable group.\n",
         "commentRange": {
-            "start": 294,
-            "end": 295
+            "start": 296,
+            "end": 297
         },
         "context": {
             "type": "variable",
@@ -47630,8 +47430,8 @@
             "value": "$_default-palette-iris-purple",
             "scope": "default",
             "line": {
-                "start": 296,
-                "end": 296
+                "start": 298,
+                "end": 298
             }
         },
         "group": [
@@ -47646,8 +47446,8 @@
     {
         "description": "The Lime Green Palette provides colors to the Series F variable group.\n",
         "commentRange": {
-            "start": 299,
-            "end": 300
+            "start": 301,
+            "end": 302
         },
         "context": {
             "type": "variable",
@@ -47655,8 +47455,8 @@
             "value": "$_default-palette-lime-green",
             "scope": "default",
             "line": {
-                "start": 301,
-                "end": 301
+                "start": 303,
+                "end": 303
             }
         },
         "group": [
@@ -47678,7 +47478,7 @@
             "type": "variable",
             "name": "kendo-panel-border-radius",
             "value": "k-border-radius(md)",
-            "scope": "private",
+            "scope": "default",
             "line": {
                 "start": 6,
                 "end": 6
@@ -47703,7 +47503,7 @@
             "type": "variable",
             "name": "kendo-panel-border-width",
             "value": "1px",
-            "scope": "private",
+            "scope": "default",
             "line": {
                 "start": 9,
                 "end": 9
@@ -47728,7 +47528,7 @@
             "type": "variable",
             "name": "kendo-panel-border-style",
             "value": "solid",
-            "scope": "private",
+            "scope": "default",
             "line": {
                 "start": 12,
                 "end": 12
@@ -47753,7 +47553,7 @@
             "type": "variable",
             "name": "kendo-panel-header-padding-inline",
             "value": "k-spacing(2)",
-            "scope": "private",
+            "scope": "default",
             "line": {
                 "start": 16,
                 "end": 16
@@ -47778,7 +47578,7 @@
             "type": "variable",
             "name": "kendo-panel-header-padding-block",
             "value": "k-spacing(1)",
-            "scope": "private",
+            "scope": "default",
             "line": {
                 "start": 19,
                 "end": 19
@@ -47803,7 +47603,7 @@
             "type": "variable",
             "name": "kendo-panel-content-padding-inline",
             "value": "k-spacing(2)",
-            "scope": "private",
+            "scope": "default",
             "line": {
                 "start": 23,
                 "end": 23
@@ -47828,7 +47628,7 @@
             "type": "variable",
             "name": "kendo-panel-content-padding-block",
             "value": "k-spacing(1)",
-            "scope": "private",
+            "scope": "default",
             "line": {
                 "start": 26,
                 "end": 26
@@ -47853,7 +47653,7 @@
             "type": "variable",
             "name": "kendo-panel-text",
             "value": "var(--kendo-component-text, #{$kendo-component-text})",
-            "scope": "private",
+            "scope": "default",
             "line": {
                 "start": 30,
                 "end": 30
@@ -47878,7 +47678,7 @@
             "type": "variable",
             "name": "kendo-panel-bg",
             "value": "var(--kendo-component-bg, #{$kendo-component-bg})",
-            "scope": "private",
+            "scope": "default",
             "line": {
                 "start": 33,
                 "end": 33
@@ -47903,7 +47703,7 @@
             "type": "variable",
             "name": "kendo-panel-border",
             "value": "var(--kendo-component-border, #{$kendo-component-border})",
-            "scope": "private",
+            "scope": "default",
             "line": {
                 "start": 36,
                 "end": 36
@@ -54896,8 +54696,8 @@
     {
         "description": "The border radius of the RadioButton.\n",
         "commentRange": {
-            "start": 9,
-            "end": 10
+            "start": 10,
+            "end": 11
         },
         "context": {
             "type": "variable",
@@ -54905,8 +54705,8 @@
             "value": "50%",
             "scope": "default",
             "line": {
-                "start": 11,
-                "end": 11
+                "start": 12,
+                "end": 12
             }
         },
         "group": [
@@ -54921,8 +54721,8 @@
     {
         "description": "The border width of the RadioButton.\n",
         "commentRange": {
-            "start": 12,
-            "end": 13
+            "start": 13,
+            "end": 14
         },
         "context": {
             "type": "variable",
@@ -54930,8 +54730,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 15,
+                "end": 15
             }
         },
         "group": [
@@ -54946,8 +54746,8 @@
     {
         "description": "The map with the different RadioButton sizes.\n",
         "commentRange": {
-            "start": 16,
-            "end": 17
+            "start": 17,
+            "end": 18
         },
         "context": {
             "type": "variable",
@@ -54955,8 +54755,8 @@
             "value": "(\n    sm: (\n        size: k-spacing(4),\n        glyph-size: k-spacing(3.5),\n        indicator-size: k-spacing(2),\n        ripple-size: 300%\n    ),\n    md: (\n        size: k-spacing(5),\n        glyph-size: k-spacing(4.5),\n        indicator-size: k-spacing(2.5),\n        ripple-size: 300%\n    ),\n    lg: (\n        size: k-spacing(6),\n        glyph-size: k-spacing(5.5),\n        indicator-size: k-spacing(3),\n        ripple-size: 300%\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 18,
-                "end": 37
+                "start": 19,
+                "end": 38
             }
         },
         "group": [
@@ -54971,8 +54771,8 @@
     {
         "description": "The background color of the RadioButton.\n",
         "commentRange": {
-            "start": 39,
-            "end": 40
+            "start": 40,
+            "end": 41
         },
         "context": {
             "type": "variable",
@@ -54980,8 +54780,8 @@
             "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
-                "start": 41,
-                "end": 41
+                "start": 42,
+                "end": 42
             }
         },
         "group": [
@@ -54996,8 +54796,8 @@
     {
         "description": "The color of the RadioButton.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 43,
+            "end": 44
         },
         "context": {
             "type": "variable",
@@ -55005,8 +54805,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 45,
+                "end": 45
             }
         },
         "group": [
@@ -55021,8 +54821,8 @@
     {
         "description": "The border color of the RadioButton.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 46,
+            "end": 47
         },
         "context": {
             "type": "variable",
@@ -55030,8 +54830,8 @@
             "value": "if($kendo-enable-color-system, k-color( border-alt ), k-get-theme-color-var( neutral-160 ))",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 47
+                "start": 48,
+                "end": 48
             }
         },
         "group": [
@@ -55046,8 +54846,8 @@
     {
         "description": "The background color of the hovered RadioButton.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 50,
+            "end": 51
         },
         "context": {
             "type": "variable",
@@ -55055,8 +54855,8 @@
             "value": "$kendo-radio-bg",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 52,
+                "end": 52
             }
         },
         "group": [
@@ -55071,8 +54871,8 @@
     {
         "description": "The color of the hovered RadioButton.\n",
         "commentRange": {
-            "start": 52,
-            "end": 53
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
@@ -55080,8 +54880,8 @@
             "value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color( neutral, 130 ))",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -55096,8 +54896,8 @@
     {
         "description": "The border color of the hovered RadioButton.\n",
         "commentRange": {
-            "start": 55,
-            "end": 56
+            "start": 56,
+            "end": 57
         },
         "context": {
             "type": "variable",
@@ -55105,8 +54905,8 @@
             "value": "$kendo-radio-border",
             "scope": "default",
             "line": {
-                "start": 57,
-                "end": 57
+                "start": 58,
+                "end": 58
             }
         },
         "group": [
@@ -55121,8 +54921,8 @@
     {
         "description": "The background color of the checked RadioButton.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 60,
+            "end": 61
         },
         "context": {
             "type": "variable",
@@ -55130,8 +54930,8 @@
             "value": "$kendo-radio-bg",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 62,
+                "end": 62
             }
         },
         "group": [
@@ -55146,8 +54946,8 @@
     {
         "description": "The color of the checked RadioButton.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -55155,8 +54955,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -55171,8 +54971,8 @@
     {
         "description": "The border color of the checked RadioButton.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -55180,8 +54980,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -55196,8 +54996,8 @@
     {
         "description": "The background color of the checked and hovered RadioButton.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
@@ -55205,8 +55005,8 @@
             "value": "$kendo-radio-bg",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -55221,8 +55021,8 @@
     {
         "description": "The color of the checked and hovered RadioButton.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -55230,8 +55030,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -55246,8 +55046,8 @@
     {
         "description": "The border color of the checked and hovered RadioButton.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
@@ -55255,8 +55055,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -55271,8 +55071,8 @@
     {
         "description": "The border color of the focused RadioButton.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -55280,8 +55080,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -55296,8 +55096,8 @@
     {
         "description": "The box shadow of the focused RadioButton.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
@@ -55305,8 +55105,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -55321,8 +55121,8 @@
     {
         "description": "The outline of the focused RadioButton.\n",
         "commentRange": {
-            "start": 85,
-            "end": 86
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
@@ -55330,8 +55130,8 @@
             "value": "1px solid if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
             "scope": "default",
             "line": {
-                "start": 87,
-                "end": 87
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -55346,8 +55146,8 @@
     {
         "description": "The outline offset of the focused RadioButton.\n",
         "commentRange": {
-            "start": 88,
-            "end": 89
+            "start": 89,
+            "end": 90
         },
         "context": {
             "type": "variable",
@@ -55355,8 +55155,8 @@
             "value": "2px",
             "scope": "default",
             "line": {
-                "start": 90,
-                "end": 90
+                "start": 91,
+                "end": 91
             }
         },
         "group": [
@@ -55371,8 +55171,8 @@
     {
         "description": "The background color of the disabled RadioButton.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
@@ -55380,8 +55180,8 @@
             "value": "$kendo-radio-bg",
             "scope": "default",
             "line": {
-                "start": 94,
-                "end": 94
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
@@ -55396,8 +55196,8 @@
     {
         "description": "The color of the disabled RadioButton.\n",
         "commentRange": {
-            "start": 95,
-            "end": 96
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
@@ -55405,8 +55205,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
@@ -55421,8 +55221,8 @@
     {
         "description": "The border color of the disabled RadioButton.\n",
         "commentRange": {
-            "start": 98,
-            "end": 99
+            "start": 99,
+            "end": 100
         },
         "context": {
             "type": "variable",
@@ -55430,8 +55230,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
             "scope": "default",
             "line": {
-                "start": 100,
-                "end": 100
+                "start": 101,
+                "end": 101
             }
         },
         "group": [
@@ -55446,8 +55246,8 @@
     {
         "description": "The background color of the disabled and checked RadioButton.\n",
         "commentRange": {
-            "start": 102,
-            "end": 103
+            "start": 103,
+            "end": 104
         },
         "context": {
             "type": "variable",
@@ -55455,8 +55255,8 @@
             "value": "$kendo-radio-disabled-bg",
             "scope": "default",
             "line": {
-                "start": 104,
-                "end": 104
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
@@ -55471,8 +55271,8 @@
     {
         "description": "The color of the disabled and checked RadioButton.\n",
         "commentRange": {
-            "start": 105,
-            "end": 106
+            "start": 106,
+            "end": 107
         },
         "context": {
             "type": "variable",
@@ -55480,8 +55280,8 @@
             "value": "$kendo-radio-disabled-text",
             "scope": "default",
             "line": {
-                "start": 107,
-                "end": 107
+                "start": 108,
+                "end": 108
             }
         },
         "group": [
@@ -55496,8 +55296,8 @@
     {
         "description": "The border color of the disabled and checked RadioButton.\n",
         "commentRange": {
-            "start": 108,
-            "end": 109
+            "start": 109,
+            "end": 110
         },
         "context": {
             "type": "variable",
@@ -55505,8 +55305,8 @@
             "value": "$kendo-radio-disabled-border",
             "scope": "default",
             "line": {
-                "start": 110,
-                "end": 110
+                "start": 111,
+                "end": 111
             }
         },
         "group": [
@@ -55521,8 +55321,8 @@
     {
         "description": "The background color of the invalid RadioButton.\n",
         "commentRange": {
-            "start": 112,
-            "end": 113
+            "start": 113,
+            "end": 114
         },
         "context": {
             "type": "variable",
@@ -55530,8 +55330,8 @@
             "value": "$kendo-radio-bg",
             "scope": "default",
             "line": {
-                "start": 114,
-                "end": 114
+                "start": 115,
+                "end": 115
             }
         },
         "group": [
@@ -55546,8 +55346,8 @@
     {
         "description": "The color of the invalid RadioButton.\n",
         "commentRange": {
-            "start": 115,
-            "end": 116
+            "start": 116,
+            "end": 117
         },
         "context": {
             "type": "variable",
@@ -55555,8 +55355,8 @@
             "value": "$kendo-invalid-text",
             "scope": "default",
             "line": {
-                "start": 117,
-                "end": 117
+                "start": 118,
+                "end": 118
             }
         },
         "group": [
@@ -55571,8 +55371,8 @@
     {
         "description": "The border color of the invalid RadioButton.\n",
         "commentRange": {
-            "start": 118,
-            "end": 119
+            "start": 119,
+            "end": 120
         },
         "context": {
             "type": "variable",
@@ -55580,8 +55380,8 @@
             "value": "$kendo-invalid-border",
             "scope": "default",
             "line": {
-                "start": 120,
-                "end": 120
+                "start": 121,
+                "end": 121
             }
         },
         "group": [
@@ -55596,8 +55396,8 @@
     {
         "description": "The type of the RadioButton indicator.\n",
         "commentRange": {
-            "start": 125,
-            "end": 126
+            "start": 126,
+            "end": 127
         },
         "context": {
             "type": "variable",
@@ -55605,8 +55405,8 @@
             "value": "pseudo",
             "scope": "default",
             "line": {
-                "start": 127,
-                "end": 127
+                "start": 128,
+                "end": 128
             }
         },
         "group": [
@@ -55621,8 +55421,8 @@
     {
         "description": "The border radius of the RadioButton indicator.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -55630,8 +55430,8 @@
             "value": "50%",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -55646,8 +55446,8 @@
     {
         "description": "The glyph font family of the RadioButton indicator.\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
@@ -55655,8 +55455,8 @@
             "value": "\"WebComponentsIcons\", monospace",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -55671,8 +55471,8 @@
     {
         "description": "The glyph of the RadioButton indicator.\n",
         "commentRange": {
-            "start": 136,
-            "end": 137
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -55680,8 +55480,8 @@
             "value": "\"\\e308\"",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -55696,17 +55496,17 @@
     {
         "description": "The image of the checked RadioButton indicator.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 141,
+            "end": 142
         },
         "context": {
             "type": "variable",
             "name": "kendo-radio-checked-image",
-            "value": "escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><circle cx='50%' cy='50%' r='4' fill='#{$kendo-radio-checked-text}'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><circle cx='50%' cy='50%' r='4' fill='#{$kendo-radio-checked-text}'/></svg>\") )",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 143,
+                "end": 143
             }
         },
         "group": [
@@ -55721,8 +55521,8 @@
     {
         "description": "The image of the disabled and checked RadioButton indicator.\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 144,
+            "end": 145
         },
         "context": {
             "type": "variable",
@@ -55730,8 +55530,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 146,
+                "end": 146
             }
         },
         "group": [
@@ -55746,8 +55546,8 @@
     {
         "description": "The horizontal margin of the RadioButton inside of a label.\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 151,
+            "end": 152
         },
         "context": {
             "type": "variable",
@@ -55755,8 +55555,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 153,
+                "end": 153
             }
         },
         "group": [
@@ -55771,8 +55571,8 @@
     {
         "description": "The horizontal list item margin of the RadioButton.\n",
         "commentRange": {
-            "start": 157,
-            "end": 158
+            "start": 158,
+            "end": 159
         },
         "context": {
             "type": "variable",
@@ -55780,8 +55580,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 159,
-                "end": 159
+                "start": 160,
+                "end": 160
             }
         },
         "group": [
@@ -55796,8 +55596,8 @@
     {
         "description": "The horizontal list item padding of the RadioButton.\n",
         "commentRange": {
-            "start": 160,
-            "end": 161
+            "start": 161,
+            "end": 162
         },
         "context": {
             "type": "variable",
@@ -55805,8 +55605,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 162,
-                "end": 162
+                "start": 163,
+                "end": 163
             }
         },
         "group": [
@@ -55821,8 +55621,8 @@
     {
         "description": "The vertical list item padding of the RadioButton.\n",
         "commentRange": {
-            "start": 163,
-            "end": 164
+            "start": 164,
+            "end": 165
         },
         "context": {
             "type": "variable",
@@ -55830,8 +55630,8 @@
             "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 166,
+                "end": 166
             }
         },
         "group": [
@@ -55846,8 +55646,8 @@
     {
         "description": "The gap between the list items of the RadioButton.\n",
         "commentRange": {
-            "start": 166,
-            "end": 167
+            "start": 167,
+            "end": 168
         },
         "context": {
             "type": "variable",
@@ -55855,8 +55655,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 168,
-                "end": 168
+                "start": 169,
+                "end": 169
             }
         },
         "group": [
@@ -55871,8 +55671,8 @@
     {
         "description": "The background color of the RadioButton ripple.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -55880,8 +55680,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -55896,8 +55696,8 @@
     {
         "description": "The opacity of the RadioButton ripple.\n",
         "commentRange": {
-            "start": 175,
-            "end": 176
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -55905,8 +55705,8 @@
             "value": ".25",
             "scope": "default",
             "line": {
-                "start": 177,
-                "end": 177
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -60743,6 +60543,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The global default Spacing map.\n",
+        "commentRange": {
+            "start": 46,
+            "end": 47
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-spacing",
+            "value": "$_default-spacing",
+            "scope": "default",
+            "line": {
+                "start": 48,
+                "end": 48
+            }
+        },
+        "group": [
+            "spacing"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/spacing/_index.scss",
+            "name": "_index.scss"
+        }
+    },
     {
         "description": "The vertical padding of the small arrow Button.\n",
         "commentRange": {
@@ -63077,7 +62902,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-filter-menu-padding-left",
-            "value": "calc( var( --kendo-icon-size, 1rem ) + 2 * var( --kendo-padding-y, #{$kendo-padding-md-y} ) )",
+            "value": "calc( var( --kendo-icon-size, 1rem ) + 2 * k-spacing(1) )",
             "scope": "default",
             "line": {
                 "start": 219,
@@ -68077,7 +67902,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-padding-x",
-            "value": "var( --kendo-padding-x, #{$kendo-padding-md-x} )",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 49,
@@ -80003,25 +79828,21 @@
         }
     },
     {
-        "description": "The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\".\nAcceptable values for WCAG 2.0 are 3, 4.5 and 7.\n",
+        "description": "",
         "commentRange": {
-            "start": 273,
-            "end": 279
+            "start": 583,
+            "end": 587
         },
         "context": {
             "type": "variable",
-            "name": "wcag-min-contrast-ratio",
-            "value": "7",
+            "name": "wcag-dark",
+            "value": "black",
             "scope": "default",
             "line": {
-                "start": 280,
-                "end": 280
+                "start": 588,
+                "end": 588
             }
         },
-        "type": "Number",
-        "group": [
-            "accessibility"
-        ],
         "link": [
             {
                 "url": "https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast",
@@ -80029,46 +79850,24 @@
             },
             {
                 "url": "https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests",
-                "caption": ""
+                "caption": "Default dark color for WCAG 2.0."
             }
         ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/functions/_color-contrast.import.scss",
-            "name": "_color-contrast.import.scss"
-        }
-    },
-    {
-        "description": "Default dark color for WCAG 2.0.\n",
-        "commentRange": {
-            "start": 281,
-            "end": 283
-        },
-        "context": {
-            "type": "variable",
-            "name": "wcag-dark",
-            "value": "black",
-            "scope": "default",
-            "line": {
-                "start": 284,
-                "end": 284
-            }
-        },
         "type": "Color",
         "group": [
             "accessibility"
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/functions/_color-contrast.import.scss",
-            "name": "_color-contrast.import.scss"
+            "path": "core/scss/functions/_color.import.scss",
+            "name": "_color.import.scss"
         }
     },
     {
         "description": "Default light color for WCAG 2.0.\n",
         "commentRange": {
-            "start": 285,
-            "end": 287
+            "start": 589,
+            "end": 591
         },
         "context": {
             "type": "variable",
@@ -80076,8 +79875,8 @@
             "value": "white",
             "scope": "default",
             "line": {
-                "start": 288,
-                "end": 288
+                "start": 592,
+                "end": 592
             }
         },
         "type": "Color",
@@ -80086,8 +79885,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/functions/_color-contrast.import.scss",
-            "name": "_color-contrast.import.scss"
+            "path": "core/scss/functions/_color.import.scss",
+            "name": "_color.import.scss"
         }
     },
     {
@@ -80299,408 +80098,310 @@
         }
     },
     {
-        "description": "Color palettes to be used in the Kendo UI themes.\n",
+        "description": "Set a specific jump point for requesting color jumps\n",
         "commentRange": {
-            "start": 1,
-            "end": 69
+            "start": 178,
+            "end": 180
         },
         "context": {
             "type": "variable",
-            "name": "kendo-palettes",
-            "value": "(\n\n    // Kendo\n    neutral: (\n        0: #ffffff,\n        50: #f8f8f8,\n        100: #ededed,\n        200: #d6d6d6,\n        300: #b7b7b7,\n        400: #949494,\n        500: #767676,\n        600: #5f5f5f,\n        700: #494949,\n        800: #373737,\n        900: #282828,\n        1000: #000000\n    ),\n    marsala: (\n        0: #ffffff,\n        50: #faf0f2,\n        100: #f3dde0,\n        200: #e197a3,\n        300: #c54e69,\n        400: #8b3548,\n        500: #622331,\n        600: #551d2a,\n        700: #441620,\n        800: #340f17,\n        900: #23080e,\n        1000: #000000\n    ),\n\n\n    // Bootstrap\n    bootstrapGray: (\n        0: #ffffff,\n        100: #f8f9fa,\n        200: #e9ecef,\n        300: #dee2e6,\n        400: #ced4da,\n        500: #adb5bd,\n        600: #6c757d,\n        700: #495057,\n        800: #343a40,\n        900: #212529,\n        1000: #000000\n    ),\n    bootstrapBlue: (\n        0: #ffffff,\n        100: #cfe2ff,\n        200: #9ec5fe,\n        300: #6ea8fe,\n        400: #3d8bfd,\n        500: #0d6efd,\n        600: #0a58ca,\n        700: #084298,\n        800: #052c65,\n        900: #031633,\n        1000: #000000\n    ),\n    bootstrapIndigo: (\n        0: #ffffff,\n        100: #e0cffc,\n        200: #c29ffa,\n        300: #a370f7,\n        400: #8540f5,\n        500: #6610f2,\n        600: #520dc2,\n        700: #3d0a91,\n        800: #290661,\n        900: #140330,\n        1000: #000000\n    ),\n    bootstrapPurple: (\n        0: #ffffff,\n        100: #e2d9f3,\n        200: #c5b3e6,\n        300: #a98eda,\n        400: #8c68cd,\n        500: #6f42c1,\n        600: #59359a,\n        700: #432874,\n        800: #2c1a4d,\n        900: #160d27,\n        1000: #000000\n    ),\n    bootstrapPink: (\n        0: #ffffff,\n        100: #f7d6e6,\n        200: #efadce,\n        300: #e685b5,\n        400: #de5c9d,\n        500: #d63384,\n        600: #ab296a,\n        700: #801f4f,\n        800: #561435,\n        900: #2b0a1a,\n        1000: #000000\n    ),\n    bootstrapRed: (\n        0: #ffffff,\n        100: #f8d7da,\n        200: #f1aeb5,\n        300: #ea868f,\n        400: #e35d6a,\n        500: #dc3545,\n        600: #b02a37,\n        700: #842029,\n        800: #58151c,\n        900: #2c0b0e,\n        1000: #000000\n    ),\n    bootstrapOrange: (\n        0: #ffffff,\n        100: #ffe5d0,\n        200: #fecba1,\n        300: #feb272,\n        400: #fd9843,\n        500: #fd7e14,\n        600: #ca6510,\n        700: #984c0c,\n        800: #653208,\n        900: #331904,\n        1000: #000000\n    ),\n    bootstrapYellow: (\n        0: #ffffff,\n        100: #fff3cd,\n        200: #ffe69c,\n        300: #ffda6a,\n        400: #ffcd39,\n        500: #ffc107,\n        600: #cc9a06,\n        700: #997404,\n        800: #664d03,\n        900: #332701,\n        1000: #000000\n    ),\n    bootstrapGreen: (\n        0: #ffffff,\n        100: #d1e7dd,\n        200: #a3cfbb,\n        300: #75b798,\n        400: #479f76,\n        500: #198754,\n        600: #146c43,\n        700: #0f5132,\n        800: #0a3622,\n        900: #051b11,\n        1000: #000000\n    ),\n    bootstrapTeal: (\n        0: #ffffff,\n        100: #d2f4ea,\n        200: #a6e9d5,\n        300: #79dfc1,\n        400: #4dd4ac,\n        500: #20c997,\n        600: #1aa179,\n        700: #13795b,\n        800: #0d503c,\n        900: #06281e,\n        1000: #000000\n    ),\n    bootstrapCyan: (\n        0: #ffffff,\n        100: #cff4fc,\n        200: #9eeaf9,\n        300: #6edff6,\n        400: #3dd5f3,\n        500: #0dcaf0,\n        600: #0aa2c0,\n        700: #087990,\n        800: #055160,\n        900: #032830,\n        1000: #000000\n    ),\n\n\n    // Fluent\n    fluentNeutral: (\n        0: #ffffff,\n        50: #faf9f8,\n        100: #edebe9,\n        150: #e1dfdd,\n        200: #d2d0ce,\n        250: #c8c6c4,\n        300: #bdbbb8,\n        350: #b3b0ad,\n        400: #a19f9d,\n        450: #8a8886,\n        500: #797775,\n        550: #605e5c,\n        600: #484644,\n        650: #3b3a39,\n        700: #323130,\n        750: #292827,\n        800: #201f1e,\n        850: #1b1a19,\n        900: #161514,\n        950: #11100f,\n        1000: #000000\n    ),\n\n\n    // Material\n    materialGray: (\n        0: #ffffff,\n        50: #fafafa,\n        100: #f5f5f5,\n        200: #eeeeee,\n        300: #e0e0e0,\n        400: #bdbdbd,\n        500: #9e9e9e,\n        600: #757575,\n        700: #616161,\n        800: #424242,\n        900: #212121,\n        1000: #000000\n    ),\n    materialBlueGray: (\n        0: #ffffff,\n        50: #eceff1,\n        100: #cfd8dc,\n        200: #b0bec5,\n        300: #90a4ae,\n        400: #78909c,\n        500: #607d8b,\n        600: #546e7a,\n        700: #455a64,\n        800: #37474f,\n        900: #263238,\n        1000: #000000\n    ),\n    materialRed: (\n        0: #ffffff,\n        50: #ffebee,\n        100: #ffcdd2,\n        200: #ef9a9a,\n        300: #e57373,\n        400: #ef5350,\n        500: #f44336,\n        600: #e53935,\n        700: #d32f2f,\n        800: #c62828,\n        900: #b71c1c,\n        1000: #000000\n    ),\n    materialPink: (\n        0: #ffffff,\n        50: #fce4ec,\n        100: #f8bbd0,\n        200: #f48fb1,\n        300: #f06292,\n        400: #ec407a,\n        // 500 was #e91e63, but changed for better contrast against white\n        500: #e51a5f,\n        600: #d81b60,\n        700: #c2185b,\n        800: #ad1457,\n        900: #880e4f,\n        1000: #000000\n    ),\n    materialPurple: (\n        0: #ffffff,\n        50: #f3e5f5,\n        100: #e1bee7,\n        200: #ce93d8,\n        300: #ba68c8,\n        400: #ab47bc,\n        500: #9c27b0,\n        600: #8e24aa,\n        700: #7b1fa2,\n        800: #6a1b9a,\n        900: #4a148c,\n        1000: #000000\n    ),\n    materialDeepPurple: (\n        0: #ffffff,\n        50: #ede7f6,\n        100: #d1c4e9,\n        200: #b39ddb,\n        300: #9575cd,\n        400: #7e57c2,\n        500: #673ab7,\n        600: #5e35b1,\n        700: #512da8,\n        800: #4527a0,\n        900: #311b92,\n        1000: #000000\n    ),\n    materialIndigo: (\n        0: #ffffff,\n        50: #e8eaf6,\n        100: #c5cae9,\n        200: #9fa8da,\n        300: #7986cb,\n        400: #5c6bc0,\n        500: #3f51b5,\n        600: #3949ab,\n        700: #303f9f,\n        800: #283593,\n        900: #1a237e,\n        1000: #000000\n    ),\n    materialBlue: (\n        0: #ffffff,\n        50: #e3f2fd,\n        100: #bbdefb,\n        200: #90caf9,\n        300: #64b5f6,\n        400: #42a5f5,\n        500: #2196f3,\n        600: #1e88e5,\n        700: #1976d2,\n        800: #1565c0,\n        900: #0d47a1,\n        1000: #000000\n    ),\n    materialLightBlue: (\n        0: #ffffff,\n        50: #e1f5fe,\n        100: #b3e5fc,\n        200: #81d4fa,\n        300: #4fc3f7,\n        400: #29b6f6,\n        500: #03a9f4,\n        600: #039be5,\n        700: #0288d1,\n        800: #0277bd,\n        900: #01579b,\n        1000: #000000\n    ),\n    materialCyan: (\n        0: #ffffff,\n        50: #e0f7fa,\n        100: #b2ebf2,\n        200: #80deea,\n        300: #4dd0e1,\n        400: #26c6da,\n        500: #00bcd4,\n        600: #00acc1,\n        700: #0097a7,\n        800: #00838f,\n        900: #006064,\n        1000: #000000\n    ),\n    materialTeal: (\n        0: #ffffff,\n        50: #e0f2f1,\n        100: #b2dfdb,\n        200: #80cbc4,\n        300: #4db6ac,\n        400: #26a69a,\n        500: #009688,\n        600: #00897b,\n        700: #00796b,\n        800: #00695c,\n        900: #004d40,\n        1000: #000000\n    ),\n    materialGreen: (\n        0: #ffffff,\n        50: #e8f5e9,\n        100: #c8e6c9,\n        200: #a5d6a7,\n        300: #81c784,\n        400: #66bb6a,\n        500: #4caf50,\n        600: #43a047,\n        700: #388e3c,\n        800: #2e7d32,\n        900: #1b5e20,\n        1000: #000000\n    ),\n    materialLightGreen: (\n        0: #ffffff,\n        50: #f1f8e9,\n        100: #dcedc8,\n        200: #c5e1a5,\n        300: #aed581,\n        400: #9ccc65,\n        500: #8bc34a,\n        600: #7cb342,\n        700: #689f38,\n        800: #558b2f,\n        900: #33691e,\n        1000: #000000\n    ),\n    materialLime: (\n        0: #ffffff,\n        50: #f9fbe7,\n        100: #f0f4c3,\n        200: #e6ee9c,\n        300: #dce775,\n        400: #d4e157,\n        500: #cddc39,\n        600: #c0ca33,\n        700: #afb42b,\n        800: #9e9d24,\n        900: #827717,\n        1000: #000000\n    ),\n    materialYellow: (\n        0: #ffffff,\n        50: #fffde7,\n        100: #fff9c4,\n        200: #fff59d,\n        300: #fff176,\n        400: #ffee58,\n        500: #ffeb3b,\n        600: #fdd835,\n        700: #fbc02d,\n        800: #f9a825,\n        900: #f57f17,\n        1000: #000000\n    ),\n    materialAmber: (\n        0: #ffffff,\n        50: #fff8e1,\n        100: #ffecb3,\n        200: #ffe082,\n        300: #ffd54f,\n        400: #ffca28,\n        500: #ffc107,\n        600: #ffb300,\n        700: #ffa000,\n        800: #ff8f00,\n        900: #ff6f00,\n        1000: #000000\n    ),\n    materialOrange: (\n        0: #ffffff,\n        50: #fff3e0,\n        100: #ffe0b2,\n        200: #ffcc80,\n        300: #ffb74d,\n        400: #ffa726,\n        500: #ff9800,\n        600: #fb8c00,\n        700: #f57c00,\n        800: #ef6c00,\n        900: #e65100,\n        1000: #000000\n    ),\n    materialDeepOrange: (\n        0: #ffffff,\n        50: #fbe9e7,\n        100: #ffccbc,\n        200: #ffab91,\n        300: #ff8a65,\n        400: #ff7043,\n        500: #ff5722,\n        600: #f4511e,\n        700: #e64a19,\n        800: #d84315,\n        900: #bf360c,\n        1000: #000000\n    ),\n    materialBrown: (\n        0: #ffffff,\n        50: #efebe9,\n        100: #d7ccc8,\n        200: #bcaaa4,\n        300: #a1887f,\n        400: #8d6e63,\n        500: #795548,\n        600: #6d4c41,\n        700: #5d4037,\n        800: #4e342e,\n        900: #3e2723,\n        1000: #000000\n    ),\n\n\n    // Primer\n    primerGray: (\n        0: #ffffff,\n        50: #f6f8fa,\n        100: #eaeef2,\n        200: #d0d7de,\n        300: #afb8c1,\n        400: #8c959f,\n        500: #6e7781,\n        600: #57606a,\n        700: #424a53,\n        800: #32383f,\n        900: #24292f,\n        1000: #000000\n    ),\n    primerBlue: (\n        0: #ffffff,\n        50: #ddf4ff,\n        100: #b6e3ff,\n        200: #80ccff,\n        300: #54aeff,\n        400: #218bff,\n        500: #0969da,\n        600: #0550ae,\n        700: #033d8b,\n        800: #0a3069,\n        900: #002155,\n        1000: #000000\n    ),\n    primerGreen: (\n        0: #ffffff,\n        50: #dafbe1,\n        100: #aceebb,\n        200: #6fdd8b,\n        300: #4ac26b,\n        400: #2da44e,\n        500: #1a7f37,\n        600: #116329,\n        700: #044f1e,\n        800: #003d16,\n        900: #002d11,\n        1000: #000000\n    ),\n    primerYellow: (\n        0: #ffffff,\n        50: #fff8c5,\n        100: #fae17d,\n        200: #eac54f,\n        300: #d4a72c,\n        400: #bf8700,\n        500: #9a6700,\n        600: #7d4e00,\n        700: #633c01,\n        800: #4d2d00,\n        900: #3b2300,\n        1000: #000000\n    ),\n    primerOrange: (\n        0: #ffffff,\n        50: #fff1e5,\n        100: #ffd8b5,\n        200: #ffb77c,\n        300: #fb8f44,\n        400: #e16f24,\n        500: #bc4c00,\n        600: #953800,\n        700: #762c00,\n        800: #5c2200,\n        900: #471700,\n        1000: #000000\n    ),\n    primerRed: (\n        0: #ffffff,\n        50: #ffebe9,\n        100: #ffcecb,\n        200: #ffaba8,\n        300: #ff8182,\n        400: #fa4549,\n        500: #cf222e,\n        600: #a40e26,\n        700: #82071e,\n        800: #660018,\n        900: #4c0014,\n        1000: #000000\n    ),\n    primerPurple: (\n        0: #ffffff,\n        50: #fbefff,\n        100: #ecd8ff,\n        200: #d8b9ff,\n        300: #c297ff,\n        400: #a475f9,\n        500: #8250df,\n        600: #6639ba,\n        700: #512a97,\n        800: #3e1f79,\n        900: #2e1461,\n        1000: #000000\n    ),\n    primerPink: (\n        0: #ffffff,\n        50: #ffeff7,\n        100: #ffd3eb,\n        200: #ffadda,\n        300: #ff80c8,\n        400: #e85aad,\n        500: #bf3989,\n        600: #99286e,\n        700: #772057,\n        800: #611347,\n        900: #4d0336,\n        1000: #000000\n    ),\n    primerCoral: (\n        0: #ffffff,\n        50: #fff0eb,\n        100: #ffd6cc,\n        200: #ffb4a1,\n        300: #fd8c73,\n        400: #ec6547,\n        500: #c4432b,\n        600: #9e2f1c,\n        700: #801f0f,\n        800: #691105,\n        900: #510901,\n        1000: #000000\n    ),\n\n\n    // Tailwind\n    tailwindNeutral: (\n        0: #ffffff,\n        50: #fafafa,\n        100: #f5f5f5,\n        200: #e5e5e5,\n        300: #d4d4d4,\n        400: #a3a3a3,\n        500: #737373,\n        600: #525252,\n        700: #404040,\n        800: #262626,\n        900: #171717,\n        1000: #000000\n    ),\n    tailwindSlate: (\n        0: #ffffff,\n        50: #f8fafc,\n        100: #f1f5f9,\n        200: #e2e8f0,\n        300: #cbd5e1,\n        400: #94a3b8,\n        500: #64748b,\n        600: #475569,\n        700: #334155,\n        800: #1e293b,\n        900: #0f172a,\n        1000: #000000\n    ),\n    tailwindGray: (\n        0: #ffffff,\n        50: #f9fafb,\n        100: #f3f4f6,\n        200: #e5e7eb,\n        300: #d1d5db,\n        400: #9ca3af,\n        500: #6b7280,\n        600: #4b5563,\n        700: #374151,\n        800: #1f2937,\n        900: #111827,\n        1000: #000000\n    ),\n    tailwindZinc: (\n        0: #ffffff,\n        50: #fafafa,\n        100: #f4f4f5,\n        200: #e4e4e7,\n        300: #d4d4d8,\n        400: #a1a1aa,\n        500: #71717a,\n        600: #52525b,\n        700: #3f3f46,\n        800: #27272a,\n        900: #18181b,\n        1000: #000000\n    ),\n    tailwindStone: (\n        0: #ffffff,\n        50: #fafaf9,\n        100: #f5f5f4,\n        200: #e7e5e4,\n        300: #d6d3d1,\n        400: #a8a29e,\n        500: #78716c,\n        600: #57534e,\n        700: #44403c,\n        800: #292524,\n        900: #1c1917,\n        1000: #000000\n    ),\n    tailwindRed: (\n        0: #ffffff,\n        50: #fef2f2,\n        100: #fee2e2,\n        200: #fecaca,\n        300: #fca5a5,\n        400: #f87171,\n        500: #ef4444,\n        600: #dc2626,\n        700: #b91c1c,\n        800: #991b1b,\n        900: #7f1d1d,\n        1000: #000000\n    ),\n    tailwindOrange: (\n        0: #ffffff,\n        50: #fff7ed,\n        100: #ffedd5,\n        200: #fed7aa,\n        300: #fdba74,\n        400: #fb923c,\n        500: #f97316,\n        600: #ea580c,\n        700: #c2410c,\n        800: #9a3412,\n        900: #7c2d12,\n        1000: #000000\n    ),\n    tailwindAmber: (\n        0: #ffffff,\n        50: #fffbeb,\n        100: #fef3c7,\n        200: #fde68a,\n        300: #fcd34d,\n        400: #fbbf24,\n        500: #f59e0b,\n        600: #d97706,\n        700: #b45309,\n        800: #92400e,\n        900: #78350f,\n        1000: #000000\n    ),\n    tailwindYellow: (\n        0: #ffffff,\n        50: #fefce8,\n        100: #fef9c3,\n        200: #fef08a,\n        300: #fde047,\n        400: #facc15,\n        500: #eab308,\n        600: #ca8a04,\n        700: #a16207,\n        800: #854d0e,\n        900: #713f12,\n        1000: #000000\n    ),\n    tailwindLime: (\n        0: #ffffff,\n        50: #f7fee7,\n        100: #ecfccb,\n        200: #d9f99d,\n        300: #bef264,\n        400: #a3e635,\n        500: #84cc16,\n        600: #65a30d,\n        700: #4d7c0f,\n        800: #3f6212,\n        900: #365314,\n        1000: #000000\n    ),\n    tailwindGreen: (\n        0: #ffffff,\n        50: #f0fdf4,\n        100: #dcfce7,\n        200: #bbf7d0,\n        300: #86efac,\n        400: #4ade80,\n        500: #22c55e,\n        600: #16a34a,\n        700: #15803d,\n        800: #166534,\n        900: #14532d,\n        1000: #000000\n    ),\n    tailwindEmerald: (\n        0: #ffffff,\n        50: #ecfdf5,\n        100: #d1fae5,\n        200: #a7f3d0,\n        300: #6ee7b7,\n        400: #34d399,\n        500: #10b981,\n        600: #059669,\n        700: #047857,\n        800: #065f46,\n        900: #064e3b,\n        1000: #000000\n    ),\n    tailwindTeal: (\n        0: #ffffff,\n        50: #f0fdfa,\n        100: #ccfbf1,\n        200: #99f6e4,\n        300: #5eead4,\n        400: #2dd4bf,\n        500: #14b8a6,\n        600: #0d9488,\n        700: #0f766e,\n        800: #115e59,\n        900: #134e4a,\n        1000: #000000\n    ),\n    tailwindCyan: (\n        0: #ffffff,\n        50: #ecfeff,\n        100: #cffafe,\n        200: #a5f3fc,\n        300: #67e8f9,\n        400: #22d3ee,\n        500: #06b6d4,\n        600: #0891b2,\n        700: #0e7490,\n        800: #155e75,\n        900: #164e63,\n        1000: #000000\n    ),\n    tailwindSky: (\n        0: #ffffff,\n        50: #f0f9ff,\n        100: #e0f2fe,\n        200: #bae6fd,\n        300: #7dd3fc,\n        400: #38bdf8,\n        500: #0ea5e9,\n        600: #0284c7,\n        700: #0369a1,\n        800: #075985,\n        900: #0c4a6e,\n        1000: #000000\n    ),\n    tailwindBlue: (\n        0: #ffffff,\n        50: #eff6ff,\n        100: #dbeafe,\n        200: #bfdbfe,\n        300: #93c5fd,\n        400: #60a5fa,\n        500: #3b82f6,\n        600: #2563eb,\n        700: #1d4ed8,\n        800: #1e40af,\n        900: #1e3a8a,\n        1000: #000000\n    ),\n    tailwindIndigo: (\n        0: #ffffff,\n        50: #eef2ff,\n        100: #e0e7ff,\n        200: #c7d2fe,\n        300: #a5b4fc,\n        400: #818cf8,\n        500: #6366f1,\n        600: #4f46e5,\n        700: #4338ca,\n        800: #3730a3,\n        900: #312e81,\n        1000: #000000\n    ),\n    tailwindViolet: (\n        0: #ffffff,\n        50: #f5f3ff,\n        100: #ede9fe,\n        200: #ddd6fe,\n        300: #c4b5fd,\n        400: #a78bfa,\n        500: #8b5cf6,\n        600: #7c3aed,\n        700: #6d28d9,\n        800: #5b21b6,\n        900: #4c1d95,\n        1000: #000000\n    ),\n    tailwindPurple: (\n        0: #ffffff,\n        50: #faf5ff,\n        100: #f3e8ff,\n        200: #e9d5ff,\n        300: #d8b4fe,\n        400: #c084fc,\n        500: #a855f7,\n        600: #9333ea,\n        700: #7e22ce,\n        800: #6b21a8,\n        900: #581c87,\n        1000: #000000\n    ),\n    tailwindFuchsia: (\n        0: #ffffff,\n        50: #fdf4ff,\n        100: #fae8ff,\n        200: #f5d0fe,\n        300: #f0abfc,\n        400: #e879f9,\n        500: #d946ef,\n        600: #c026d3,\n        700: #a21caf,\n        800: #86198f,\n        900: #701a75,\n        1000: #000000\n    ),\n    tailwindPink: (\n        0: #ffffff,\n        50: #fdf2f8,\n        100: #fce7f3,\n        200: #fbcfe8,\n        300: #f9a8d4,\n        400: #f472b6,\n        500: #ec4899,\n        600: #db2777,\n        700: #be185d,\n        800: #9d174d,\n        900: #831843,\n        1000: #000000\n    ),\n    tailwindRose: (\n        0: #ffffff,\n        50: #fff1f2,\n        100: #ffe4e6,\n        200: #fecdd3,\n        300: #fda4af,\n        400: #fb7185,\n        500: #f43f5e,\n        600: #e11d48,\n        700: #be123c,\n        800: #9f1239,\n        900: #881337,\n        1000: #000000\n    )\n\n)",
+            "name": "kendo-color-level-step",
+            "value": "8%",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 984
+                "start": 181,
+                "end": 181
             }
         },
+        "group": [
+            "color-system"
+        ],
         "access": "private",
-        "type": "Record<String, ColorMap>",
-        "property": [
-            {
-                "type": "ColorMap",
-                "name": "neutral",
-                "description": "The neutral palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "marsala",
-                "description": "The marsala palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapGray",
-                "description": "The Bootstrap gray palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapBlue",
-                "description": "The Bootstrap blue palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapIndigo",
-                "description": "The Bootstrap indigo palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapPurple",
-                "description": "The Bootstrap purple palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapPink",
-                "description": "The Bootstrap pink palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapRed",
-                "description": "The Bootstrap red palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapOrange",
-                "description": "The Bootstrap orange palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapYellow",
-                "description": "The Bootstrap yellow palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapGreen",
-                "description": "The Bootstrap green palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapTeal",
-                "description": "The Bootstrap teal palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "bootstrapCyan",
-                "description": "The Bootstrap cyan palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "fluentNeutral",
-                "description": "The Fluent neutral palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialGray",
-                "description": "The Material gray palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialBlueGray",
-                "description": "The Material blue gray palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialRed",
-                "description": "The Material red palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialPink",
-                "description": "The Material pink palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialPurple",
-                "description": "The Material purple palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialDeepPurple",
-                "description": "The Material deep purple palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialIndigo",
-                "description": "The Material indigo palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialBlue",
-                "description": "The Material blue palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialLightBlue",
-                "description": "The Material light blue palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialCyan",
-                "description": "The Material cyan palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialTeal",
-                "description": "The Material teal palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialGreen",
-                "description": "The Material green palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialLightGreen",
-                "description": "The Material light green palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialLime",
-                "description": "The Material lime palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialYellow",
-                "description": "The Material yellow palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialAmber",
-                "description": "The Material amber palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialOrange",
-                "description": "The Material orange palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialDeepOrange",
-                "description": "The Material deep orange palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "materialBrown",
-                "description": "The Material brown palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "primerGray",
-                "description": "The Primer gray palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "primerBlue",
-                "description": "The Primer blue palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "primerGreen",
-                "description": "The Primer green palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "primerYellow",
-                "description": "The Primer yellow palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "primerOrange",
-                "description": "The Primer orange palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "primerRed",
-                "description": "The Primer red palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "primerPurple",
-                "description": "The Primer purple palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "primerPink",
-                "description": "The Primer pink palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "primerCoral",
-                "description": "The Primer coral palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindNeutral",
-                "description": "The Tailwind neutral palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindSlate",
-                "description": "The Tailwind slate palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindGray",
-                "description": "The Tailwind gray palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindZinc",
-                "description": "The Tailwind zinc palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindStone",
-                "description": "The Tailwind stone palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindRed",
-                "description": "The Tailwind red palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindOrange",
-                "description": "The Tailwind orange palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindAmber",
-                "description": "The Tailwind amber palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindYellow",
-                "description": "The Tailwind yellow palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindLime",
-                "description": "The Tailwind lime palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindGreen",
-                "description": "The Tailwind green palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindEmerald",
-                "description": "The Tailwind emerald palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindTeal",
-                "description": "The Tailwind teal palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindCyan",
-                "description": "The Tailwind cyan palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindSky",
-                "description": "The Tailwind sky palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindBlue",
-                "description": "The Tailwind blue palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindIndigo",
-                "description": "The Tailwind indigo palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindViolet",
-                "description": "The Tailwind violet palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindPurple",
-                "description": "The Tailwind purple palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindFuchsia",
-                "description": "The Tailwind fuchsia palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindPink",
-                "description": "The Tailwind pink palette"
-            },
-            {
-                "type": "ColorMap",
-                "name": "tailwindRose",
-                "description": "The Tailwind rose palette"
+        "file": {
+            "path": "core/scss/functions/_color.import.scss",
+            "name": "_color.import.scss"
+        }
+    },
+    {
+        "description": "The Coral Palette provides colors to the Primary and Series A variable groups.\n",
+        "commentRange": {
+            "start": 228,
+            "end": 229
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-palette-coral",
+            "value": "$_default-palette-coral",
+            "scope": "default",
+            "line": {
+                "start": 230,
+                "end": 230
             }
+        },
+        "group": [
+            "palette"
         ],
+        "access": "public",
+        "file": {
+            "path": "core/scss/color-system/_palettes.scss",
+            "name": "_palettes.scss"
+        }
+    },
+    {
+        "description": "The Sky Blue Palette provides colors to the Tertiary variable group.\n",
+        "commentRange": {
+            "start": 233,
+            "end": 234
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-palette-sky-blue",
+            "value": "$_default-palette-sky-blue",
+            "scope": "default",
+            "line": {
+                "start": 235,
+                "end": 235
+            }
+        },
         "group": [
-            "color-system"
+            "palette"
         ],
+        "access": "public",
         "file": {
             "path": "core/scss/color-system/_palettes.scss",
             "name": "_palettes.scss"
         }
     },
     {
-        "description": "Set a specific jump point for requesting color jumps\n",
+        "description": "The Green Palette provides colors to the Success variable group.\n",
         "commentRange": {
-            "start": 4,
-            "end": 6
+            "start": 238,
+            "end": 239
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-level-step",
-            "value": "8%",
+            "name": "kendo-palette-green",
+            "value": "$_default-palette-green",
             "scope": "default",
             "line": {
-                "start": 7,
-                "end": 7
+                "start": 240,
+                "end": 240
             }
         },
         "group": [
-            "color-system"
+            "palette"
         ],
-        "access": "private",
+        "access": "public",
         "file": {
-            "path": "core/scss/functions/_color-manipulation.import.scss",
-            "name": "_color-manipulation.import.scss"
+            "path": "core/scss/color-system/_palettes.scss",
+            "name": "_palettes.scss"
         }
     },
     {
-        "description": "The global default Spacing map.\n",
+        "description": "The Blue Palette provides colors to the Info variable group.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 243,
+            "end": 244
         },
         "context": {
             "type": "variable",
-            "name": "kendo-spacing",
-            "value": "$_default-spacing",
+            "name": "kendo-palette-blue",
+            "value": "$_default-palette-blue",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 245,
+                "end": 245
             }
         },
         "group": [
-            "spacing"
+            "palette"
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/spacing/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/color-system/_palettes.scss",
+            "name": "_palettes.scss"
+        }
+    },
+    {
+        "description": "The Yellow Palette provides colors to the Warning variable group.\n",
+        "commentRange": {
+            "start": 248,
+            "end": 249
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-palette-yellow",
+            "value": "$_default-palette-yellow",
+            "scope": "default",
+            "line": {
+                "start": 250,
+                "end": 250
+            }
+        },
+        "group": [
+            "palette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/scss/color-system/_palettes.scss",
+            "name": "_palettes.scss"
+        }
+    },
+    {
+        "description": "The Red Palette provides colors to the Error variable group.\n",
+        "commentRange": {
+            "start": 253,
+            "end": 254
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-palette-red",
+            "value": "$_default-palette-red",
+            "scope": "default",
+            "line": {
+                "start": 255,
+                "end": 255
+            }
+        },
+        "group": [
+            "palette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/scss/color-system/_palettes.scss",
+            "name": "_palettes.scss"
+        }
+    },
+    {
+        "description": "The Lemon Yellow Palette provides colors to the Series B variable group.\n",
+        "commentRange": {
+            "start": 258,
+            "end": 259
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-palette-lemon-yellow",
+            "value": "$_default-palette-lemon-yellow",
+            "scope": "default",
+            "line": {
+                "start": 260,
+                "end": 260
+            }
+        },
+        "group": [
+            "palette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/scss/color-system/_palettes.scss",
+            "name": "_palettes.scss"
+        }
+    },
+    {
+        "description": "The Spring Green Palette provides colors to the Series C variable group.\n",
+        "commentRange": {
+            "start": 263,
+            "end": 264
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-palette-spring-green",
+            "value": "$_default-palette-spring-green",
+            "scope": "default",
+            "line": {
+                "start": 265,
+                "end": 265
+            }
+        },
+        "group": [
+            "palette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/scss/color-system/_palettes.scss",
+            "name": "_palettes.scss"
+        }
+    },
+    {
+        "description": "The Royal Blue Palette provides colors to the Series D variable group.\n",
+        "commentRange": {
+            "start": 268,
+            "end": 269
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-palette-royal-blue",
+            "value": "$_default-palette-royal-blue",
+            "scope": "default",
+            "line": {
+                "start": 270,
+                "end": 270
+            }
+        },
+        "group": [
+            "palette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/scss/color-system/_palettes.scss",
+            "name": "_palettes.scss"
+        }
+    },
+    {
+        "description": "The Lavender Purple Palette provides colors to the Series E variable group.\n",
+        "commentRange": {
+            "start": 273,
+            "end": 274
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-palette-lavender-purple",
+            "value": "$_default-palette-lavender-purple",
+            "scope": "default",
+            "line": {
+                "start": 275,
+                "end": 275
+            }
+        },
+        "group": [
+            "palette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/scss/color-system/_palettes.scss",
+            "name": "_palettes.scss"
+        }
+    },
+    {
+        "description": "The Flamingo Pink Palette provides colors to the Series F variable group.\n",
+        "commentRange": {
+            "start": 278,
+            "end": 279
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-palette-flamingo-pink",
+            "value": "$_default-palette-flamingo-pink",
+            "scope": "default",
+            "line": {
+                "start": 280,
+                "end": 280
+            }
+        },
+        "group": [
+            "palette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/scss/color-system/_palettes.scss",
+            "name": "_palettes.scss"
         }
     },
     {
         "description": "The extra extra small font size across all components.\n",
         "commentRange": {
-            "start": 6,
-            "end": 7
+            "start": 8,
+            "end": 9
         },
         "context": {
             "type": "variable",
@@ -80708,8 +80409,8 @@
             "value": "0.5rem",
             "scope": "default",
             "line": {
-                "start": 8,
-                "end": 8
+                "start": 10,
+                "end": 10
             }
         },
         "group": [
@@ -80724,8 +80425,8 @@
     {
         "description": "The base font weight across all components.\n",
         "commentRange": {
-            "start": 44,
-            "end": 45
+            "start": 46,
+            "end": 47
         },
         "context": {
             "type": "variable",
@@ -80733,8 +80434,8 @@
             "value": "400",
             "scope": "default",
             "line": {
-                "start": 46,
-                "end": 46
+                "start": 48,
+                "end": 48
             }
         },
         "group": [
@@ -80749,8 +80450,8 @@
     {
         "description": "The thin font weight across all components.\n",
         "commentRange": {
-            "start": 47,
-            "end": 48
+            "start": 49,
+            "end": 50
         },
         "context": {
             "type": "variable",
@@ -80758,8 +80459,8 @@
             "value": "100",
             "scope": "default",
             "line": {
-                "start": 49,
-                "end": 49
+                "start": 51,
+                "end": 51
             }
         },
         "group": [
@@ -80774,8 +80475,8 @@
     {
         "description": "The extra light font weight across all components.\n",
         "commentRange": {
-            "start": 50,
-            "end": 51
+            "start": 52,
+            "end": 53
         },
         "context": {
             "type": "variable",
@@ -80783,8 +80484,8 @@
             "value": "200",
             "scope": "default",
             "line": {
-                "start": 52,
-                "end": 52
+                "start": 54,
+                "end": 54
             }
         },
         "group": [
@@ -80799,8 +80500,8 @@
     {
         "description": "The light font weight across all components.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 55,
+            "end": 56
         },
         "context": {
             "type": "variable",
@@ -80808,8 +80509,8 @@
             "value": "300",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 57,
+                "end": 57
             }
         },
         "group": [
@@ -80824,8 +80525,8 @@
     {
         "description": "The normal font weight across all components.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 58,
+            "end": 59
         },
         "context": {
             "type": "variable",
@@ -80833,8 +80534,8 @@
             "value": "$kendo-font-weight",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 60,
+                "end": 60
             }
         },
         "group": [
@@ -80849,8 +80550,8 @@
     {
         "description": "The medium font weight across all components.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -80858,8 +80559,8 @@
             "value": "500",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 63,
+                "end": 63
             }
         },
         "group": [
@@ -80874,8 +80575,8 @@
     {
         "description": "The semibold font weight across all components.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 64,
+            "end": 65
         },
         "context": {
             "type": "variable",
@@ -80883,8 +80584,8 @@
             "value": "600",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 66,
+                "end": 66
             }
         },
         "group": [
@@ -80899,8 +80600,8 @@
     {
         "description": "The bold font weight across all components.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 67,
+            "end": 68
         },
         "context": {
             "type": "variable",
@@ -80908,8 +80609,8 @@
             "value": "700",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 69,
+                "end": 69
             }
         },
         "group": [
@@ -80924,8 +80625,8 @@
     {
         "description": "The extra bold font weight across all components.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
@@ -80933,8 +80634,8 @@
             "value": "800",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -80949,8 +80650,8 @@
     {
         "description": "The most pronounced font weight across all components.\n",
         "commentRange": {
-            "start": 71,
-            "end": 72
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -80958,8 +80659,8 @@
             "value": "900",
             "scope": "default",
             "line": {
-                "start": 73,
-                "end": 73
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -80974,8 +80675,8 @@
     {
         "description": "The tightest letter spacing across all components.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -80983,8 +80684,8 @@
             "value": "-.15px",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -80999,8 +80700,8 @@
     {
         "description": "Slightly looser than the tighter letter spacing across all components.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
@@ -81008,8 +80709,8 @@
             "value": "-.10px",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -81024,8 +80725,8 @@
     {
         "description": "Moderately tight letter spacing across all components.\n",
         "commentRange": {
-            "start": 84,
-            "end": 85
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
@@ -81033,8 +80734,8 @@
             "value": "-.5px",
             "scope": "default",
             "line": {
-                "start": 86,
-                "end": 86
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -81049,8 +80750,8 @@
     {
         "description": "The normal letter spacing across all components.\n",
         "commentRange": {
-            "start": 87,
-            "end": 88
+            "start": 89,
+            "end": 90
         },
         "context": {
             "type": "variable",
@@ -81058,8 +80759,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 89,
-                "end": 89
+                "start": 91,
+                "end": 91
             }
         },
         "group": [
@@ -81074,8 +80775,8 @@
     {
         "description": "Wide letter spacing across all components.\n",
         "commentRange": {
-            "start": 90,
-            "end": 91
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -81083,8 +80784,8 @@
             "value": ".5px",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 94,
+                "end": 94
             }
         },
         "group": [
@@ -81099,8 +80800,8 @@
     {
         "description": "Slightly wider than the wide letter spacing across all components.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 95,
+            "end": 96
         },
         "context": {
             "type": "variable",
@@ -81108,8 +80809,8 @@
             "value": ".10px",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 97,
+                "end": 97
             }
         },
         "group": [
@@ -81124,8 +80825,8 @@
     {
         "description": "The widest letter spacing across all components.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 98,
+            "end": 99
         },
         "context": {
             "type": "variable",
@@ -81133,8 +80834,8 @@
             "value": ".15px",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -81149,8 +80850,8 @@
     {
         "description": "The sans font family across all components.\n",
         "commentRange": {
-            "start": 100,
-            "end": 101
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
@@ -81158,8 +80859,8 @@
             "value": "Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 102
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -81174,8 +80875,8 @@
     {
         "description": "The serif font family across all components.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 105,
+            "end": 106
         },
         "context": {
             "type": "variable",
@@ -81183,8 +80884,8 @@
             "value": "\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 107,
+                "end": 107
             }
         },
         "group": [
@@ -81199,8 +80900,8 @@
     {
         "description": "The sans-serif font family across all components.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
@@ -81208,8 +80909,8 @@
             "value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -81224,8 +80925,8 @@
     {
         "description": "The monospace font family across all components.\n",
         "commentRange": {
-            "start": 109,
-            "end": 110
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
@@ -81233,8 +80934,8 @@
             "value": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace",
             "scope": "default",
             "line": {
-                "start": 111,
-                "end": 111
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -81249,17 +80950,17 @@
     {
         "description": "The font weights map\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
             "name": "kendo-font-weights",
-            "value": "k-map-merge( $_default-font-weights, $kendo-font-weights )",
+            "value": "map.merge( $_default-font-weights, $kendo-font-weights )",
             "scope": "private",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -81274,17 +80975,17 @@
     {
         "description": "The letter spacings map\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
             "name": "kendo-letter-spacings",
-            "value": "k-map-merge( $_default-letter-spacings, $kendo-letter-spacings )",
+            "value": "map.merge( $_default-letter-spacings, $kendo-letter-spacings )",
             "scope": "private",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -81299,17 +81000,17 @@
     {
         "description": "The font families map\n",
         "commentRange": {
-            "start": 186,
-            "end": 187
+            "start": 188,
+            "end": 189
         },
         "context": {
             "type": "variable",
             "name": "kendo-font-families",
-            "value": "k-map-merge( $_default-font-families, $kendo-font-families )",
+            "value": "map.merge( $_default-font-families, $kendo-font-families )",
             "scope": "private",
             "line": {
-                "start": 188,
-                "end": 188
+                "start": 190,
+                "end": 190
             }
         },
         "group": [
@@ -81321,136 +81022,11 @@
             "name": "index.import.scss"
         }
     },
-    {
-        "description": "The background color of disabled items.\n",
-        "commentRange": {
-            "start": 41,
-            "end": 41
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-disabled-bg",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 42,
-                "end": 42
-            }
-        },
-        "access": "public",
-        "group": [
-            "undefined"
-        ],
-        "file": {
-            "path": "core/scss/color-system/_swatch-legacy.scss",
-            "name": "_swatch-legacy.scss"
-        }
-    },
-    {
-        "description": "The text color of disabled items.\n",
-        "commentRange": {
-            "start": 43,
-            "end": 43
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-disabled-text",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 44,
-                "end": 44
-            }
-        },
-        "access": "public",
-        "group": [
-            "undefined"
-        ],
-        "file": {
-            "path": "core/scss/color-system/_swatch-legacy.scss",
-            "name": "_swatch-legacy.scss"
-        }
-    },
-    {
-        "description": "The border color of disabled items.\n",
-        "commentRange": {
-            "start": 45,
-            "end": 45
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-disabled-border",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 46,
-                "end": 46
-            }
-        },
-        "access": "public",
-        "group": [
-            "undefined"
-        ],
-        "file": {
-            "path": "core/scss/color-system/_swatch-legacy.scss",
-            "name": "_swatch-legacy.scss"
-        }
-    },
-    {
-        "description": "The opacity of disabled items.\n",
-        "commentRange": {
-            "start": 47,
-            "end": 47
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-disabled-opacity",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 48,
-                "end": 48
-            }
-        },
-        "access": "public",
-        "group": [
-            "undefined"
-        ],
-        "file": {
-            "path": "core/scss/color-system/_swatch-legacy.scss",
-            "name": "_swatch-legacy.scss"
-        }
-    },
-    {
-        "description": "The filter of disabled items.\n",
-        "commentRange": {
-            "start": 49,
-            "end": 49
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-disabled-filter",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 50,
-                "end": 50
-            }
-        },
-        "access": "public",
-        "group": [
-            "undefined"
-        ],
-        "file": {
-            "path": "core/scss/color-system/_swatch-legacy.scss",
-            "name": "_swatch-legacy.scss"
-        }
-    },
     {
         "description": "A list of exported modules.\n",
         "commentRange": {
-            "start": 1,
-            "end": 2
+            "start": 3,
+            "end": 4
         },
         "context": {
             "type": "variable",
@@ -81458,8 +81034,8 @@
             "value": "()",
             "scope": "default",
             "line": {
-                "start": 3,
-                "end": 3
+                "start": 5,
+                "end": 5
             }
         },
         "access": "private",
@@ -81475,11 +81051,11 @@
                 "description": "Outputs a module once, no matter how many times it is included.\n",
                 "context": {
                     "type": "mixin",
-                    "name": "exports",
-                    "code": "\n    @if (k-list-index( $_kendo-imported-modules, $name ) == null) { // stylelint-disable-line\n        $_kendo-imported-modules: k-list-append( $_kendo-imported-modules, $name ) !global;\n        @content;\n    }\n",
+                    "name": "import-once",
+                    "code": "\n    @if (list.index( $_kendo-imported-modules, $name ) == null) { // stylelint-disable-line\n        $_kendo-imported-modules: list.append( $_kendo-imported-modules, $name ) !global;\n        @content;\n    }\n",
                     "line": {
-                        "start": 9,
-                        "end": 14
+                        "start": 11,
+                        "end": 16
                     }
                 }
             }