@progress/kendo-theme-bootstrap 7.1.0-dev.8 → 7.1.0-dev.9

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

@@ -283,7 +283,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-appbar-light-text",
-            "value": "k-contrast-color( $kendo-color-light )",
+            "value": "if($kendo-enable-color-system, k-color( on-light ), k-contrast-color( $kendo-color-light ))",
             "scope": "default",
             "line": {
                 "start": 40,
@@ -333,7 +333,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-appbar-dark-text",
-            "value": "k-contrast-color( $kendo-color-dark )",
+            "value": "if($kendo-enable-color-system, k-color( on-dark ), k-contrast-color( $kendo-color-dark ))",
             "scope": "default",
             "line": {
                 "start": 47,
@@ -2758,7 +2758,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-link-focus-shadow",
-            "value": "inset 0 0 0 3px rgba( $kendo-breadcrumb-text, .25 )",
+            "value": "inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .25 ), rgba( $kendo-breadcrumb-text, .25 ))",
             "scope": "default",
             "line": {
                 "start": 159,
@@ -3683,7 +3683,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-theme-colors",
-            "value": "k-map-merge(\n    $kendo-theme-colors,\n    ( \"base\": #e4e7eb )\n)",
+            "value": "k-map-merge(\n    $kendo-theme-colors,\n    ( \"base\": if($kendo-enable-color-system, k-color( base ), #e4e7eb) )\n)",
             "scope": "default",
             "line": {
                 "start": 106,
@@ -3708,7 +3708,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-bg",
-            "value": "#e4e7eb",
+            "value": "if($kendo-enable-color-system, k-color( base ), #e4e7eb)",
             "scope": "default",
             "line": {
                 "start": 113,
@@ -3733,7 +3733,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-text",
-            "value": "k-contrast-color( $kendo-button-bg, $gray-900 )",
+            "value": "if($kendo-enable-color-system, k-color( on-base ), k-contrast-color( $kendo-button-bg, $gray-900 ))",
             "scope": "default",
             "line": {
                 "start": 116,
@@ -3833,7 +3833,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-hover-bg",
-            "value": "k-color-darken( $kendo-button-bg, 7.5% )",
+            "value": "if($kendo-enable-color-system, k-color( base-hover ), k-color-darken( $kendo-button-bg, 7.5% ))",
             "scope": "default",
             "line": {
                 "start": 129,
@@ -3883,7 +3883,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-hover-border",
-            "value": "k-color-darken( $kendo-button-bg, 10% )",
+            "value": "if($kendo-enable-color-system, k-color( base-hover ), k-color-darken( $kendo-button-bg, 10% ))",
             "scope": "default",
             "line": {
                 "start": 135,
@@ -3958,7 +3958,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-active-bg",
-            "value": "k-color-darken( $kendo-button-bg, 10% )",
+            "value": "if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-button-bg, 10% ))",
             "scope": "default",
             "line": {
                 "start": 145,
@@ -4008,7 +4008,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-active-border",
-            "value": "k-color-darken( $kendo-button-bg, 12.5% )",
+            "value": "if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-button-bg, 12.5% ))",
             "scope": "default",
             "line": {
                 "start": 151,
@@ -4083,7 +4083,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-selected-bg",
-            "value": "k-color-darken( $kendo-color-primary, 10% )",
+            "value": "if($kendo-enable-color-system, k-color( primary-active ), k-color-darken( $kendo-color-primary, 10% ))",
             "scope": "default",
             "line": {
                 "start": 161,
@@ -4108,7 +4108,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-selected-text",
-            "value": "k-contrast-color( $kendo-button-selected-bg )",
+            "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-button-selected-bg ))",
             "scope": "default",
             "line": {
                 "start": 164,
@@ -4133,7 +4133,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-selected-border",
-            "value": "k-color-darken( $kendo-color-primary, 12.5% )",
+            "value": "if($kendo-enable-color-system, k-color( primary-active ), k-color-darken( $kendo-color-primary, 12.5% ))",
             "scope": "default",
             "line": {
                 "start": 167,
@@ -4208,7 +4208,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-focus-bg",
-            "value": "k-color-darken( $kendo-button-bg, 10% )",
+            "value": "if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-button-bg, 10% ))",
             "scope": "default",
             "line": {
                 "start": 177,
@@ -4258,7 +4258,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-focus-border",
-            "value": "k-color-darken( $kendo-button-bg, 12.5% )",
+            "value": "if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-button-bg, 12.5% ))",
             "scope": "default",
             "line": {
                 "start": 183,
@@ -4308,7 +4308,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-focus-shadow",
-            "value": "0 0 0 .25rem rgba( $kendo-button-border, .5 )",
+            "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( border, true ), .5), rgba( $kendo-button-border, .5 ))",
             "scope": "default",
             "line": {
                 "start": 189,
@@ -6333,7 +6333,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-series-a",
-            "value": "$blue",
+            "value": "if($kendo-enable-color-system, k-color( series-a ), $blue)",
             "scope": "default",
             "line": {
                 "start": 8,
@@ -6358,7 +6358,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-series-b",
-            "value": "$purple",
+            "value": "if($kendo-enable-color-system, k-color( series-b ), $purple)",
             "scope": "default",
             "line": {
                 "start": 16,
@@ -6383,7 +6383,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-series-c",
-            "value": "$teal",
+            "value": "if($kendo-enable-color-system, k-color( series-c ), $teal)",
             "scope": "default",
             "line": {
                 "start": 24,
@@ -6408,7 +6408,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-series-d",
-            "value": "$green",
+            "value": "if($kendo-enable-color-system, k-color( series-d ), $green)",
             "scope": "default",
             "line": {
                 "start": 32,
@@ -6433,7 +6433,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-series-e",
-            "value": "$yellow",
+            "value": "if($kendo-enable-color-system, k-color( series-e ), $yellow)",
             "scope": "default",
             "line": {
                 "start": 40,
@@ -6458,7 +6458,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-series-f",
-            "value": "$red",
+            "value": "if($kendo-enable-color-system, k-color( series-f ), $red)",
             "scope": "default",
             "line": {
                 "start": 48,
@@ -6508,7 +6508,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chart-major-lines",
-            "value": "rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 )",
+            "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .08 )",
             "scope": "default",
             "line": {
                 "start": 103,
@@ -6533,7 +6533,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chart-minor-lines",
-            "value": "rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .04 )",
+            "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .04 )",
             "scope": "default",
             "line": {
                 "start": 107,
@@ -6858,7 +6858,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-border",
-            "value": "if( k-is-light( $kendo-checkbox-bg ), $gray-400, $gray-600 )",
+            "value": "if($kendo-enable-color-system, k-color( border-alt ), if( k-is-light( $kendo-checkbox-bg ), $gray-400, $gray-600 ))",
             "scope": "default",
             "line": {
                 "start": 67,
@@ -6983,7 +6983,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-checked-text",
-            "value": "k-contrast-color( $kendo-checkbox-checked-bg )",
+            "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-checkbox-checked-bg ))",
             "scope": "default",
             "line": {
                 "start": 84,
@@ -7108,7 +7108,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-focus-border",
-            "value": "k-try-tint( $kendo-color-primary, 50% )",
+            "value": "if($kendo-enable-color-system, k-color( primary-emphasis ), k-try-tint( $kendo-color-primary, 50% ))",
             "scope": "default",
             "line": {
                 "start": 101,
@@ -7133,7 +7133,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-focus-shadow",
-            "value": "0 0 0 .25rem rgba( $kendo-color-primary, .25 )",
+            "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
             "scope": "default",
             "line": {
                 "start": 104,
@@ -8658,7 +8658,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-outline-hover-text",
-            "value": "k-contrast-color( $kendo-chip-outline-hover-bg )",
+            "value": "if($kendo-enable-color-system, k-color( base-subtle ), k-contrast-color( $kendo-chip-outline-hover-bg ))",
             "scope": "default",
             "line": {
                 "start": 162,
@@ -9825,62 +9825,35 @@
         }
     },
     {
-        "description": "The color white.\nNote: you cannot change this value.\n",
+        "description": "The global default Colors map.\n",
         "commentRange": {
-            "start": 6,
-            "end": 9
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-color-white",
-            "value": "#ffffff",
-            "scope": "private",
-            "line": {
-                "start": 10,
-                "end": 10
-            }
-        },
-        "type": "Color",
-        "group": [
-            "color-system"
-        ],
-        "access": "public",
-        "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The color black.\nNote: you cannot change this value.\n",
-        "commentRange": {
-            "start": 12,
-            "end": 15
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-black",
-            "value": "#000000",
-            "scope": "private",
+            "name": "kendo-colors",
+            "value": "$_default-colors",
+            "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 181,
+                "end": 181
             }
         },
-        "type": "Color",
         "group": [
             "color-system"
         ],
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The color that focuses the user attention.\nUsed for primary buttons and for elements of primary importance across the theme.\n",
         "commentRange": {
-            "start": 121,
-            "end": 124
+            "start": 210,
+            "end": 213
         },
         "context": {
             "type": "variable",
@@ -9888,8 +9861,8 @@
             "value": "$primary",
             "scope": "default",
             "line": {
-                "start": 125,
-                "end": 125
+                "start": 214,
+                "end": 214
             }
         },
         "group": [
@@ -9898,15 +9871,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The color used along with the primary color denoted by $kendo-color-primary.\nUsed to provide contrast between the background and foreground colors.\n",
         "commentRange": {
-            "start": 129,
-            "end": 132
+            "start": 218,
+            "end": 221
         },
         "context": {
             "type": "variable",
@@ -9914,8 +9887,8 @@
             "value": "k-contrast-color( $kendo-color-primary )",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 222,
+                "end": 222
             }
         },
         "group": [
@@ -9924,15 +9897,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The secondary color of the theme.\n",
         "commentRange": {
-            "start": 135,
-            "end": 137
+            "start": 224,
+            "end": 226
         },
         "context": {
             "type": "variable",
@@ -9940,8 +9913,8 @@
             "value": "$secondary",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 227,
+                "end": 227
             }
         },
         "group": [
@@ -9950,15 +9923,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The color used along with the secondary color denoted by $kendo-color-secondary.\nUsed to provide contrast between the background and foreground colors.\n",
         "commentRange": {
-            "start": 142,
-            "end": 145
+            "start": 231,
+            "end": 234
         },
         "context": {
             "type": "variable",
@@ -9966,8 +9939,8 @@
             "value": "k-contrast-color( $kendo-color-secondary )",
             "scope": "default",
             "line": {
-                "start": 146,
-                "end": 146
+                "start": 235,
+                "end": 235
             }
         },
         "group": [
@@ -9976,15 +9949,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The tertiary color of the theme.\n",
         "commentRange": {
-            "start": 148,
-            "end": 150
+            "start": 237,
+            "end": 239
         },
         "context": {
             "type": "variable",
@@ -9992,8 +9965,8 @@
             "value": "$purple",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 240,
+                "end": 240
             }
         },
         "group": [
@@ -10002,15 +9975,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The color used along with the tertiary color denoted by $kendo-color-tertiary.\nUsed to provide contrast between the background and foreground colors.\n",
         "commentRange": {
-            "start": 155,
-            "end": 158
+            "start": 244,
+            "end": 247
         },
         "context": {
             "type": "variable",
@@ -10018,8 +9991,8 @@
             "value": "k-contrast-color( $kendo-color-tertiary )",
             "scope": "default",
             "line": {
-                "start": 159,
-                "end": 159
+                "start": 248,
+                "end": 248
             }
         },
         "group": [
@@ -10028,15 +10001,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The color for informational messages and states.\n",
         "commentRange": {
-            "start": 161,
-            "end": 163
+            "start": 250,
+            "end": 252
         },
         "context": {
             "type": "variable",
@@ -10044,8 +10017,8 @@
             "value": "$info",
             "scope": "default",
             "line": {
-                "start": 164,
-                "end": 164
+                "start": 253,
+                "end": 253
             }
         },
         "group": [
@@ -10054,15 +10027,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The color for success messages and states.\n",
         "commentRange": {
-            "start": 168,
-            "end": 170
+            "start": 257,
+            "end": 259
         },
         "context": {
             "type": "variable",
@@ -10070,8 +10043,8 @@
             "value": "$success",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 260,
+                "end": 260
             }
         },
         "group": [
@@ -10080,15 +10053,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The color for warning messages and states.\n",
         "commentRange": {
-            "start": 175,
-            "end": 177
+            "start": 264,
+            "end": 266
         },
         "context": {
             "type": "variable",
@@ -10096,8 +10069,8 @@
             "value": "$warning",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 267,
+                "end": 267
             }
         },
         "group": [
@@ -10106,15 +10079,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The color for error messages and states.\n",
         "commentRange": {
-            "start": 182,
-            "end": 184
+            "start": 271,
+            "end": 273
         },
         "context": {
             "type": "variable",
@@ -10122,8 +10095,8 @@
             "value": "$danger",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 274,
+                "end": 274
             }
         },
         "group": [
@@ -10132,15 +10105,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The dark color of the theme.\n",
         "commentRange": {
-            "start": 189,
-            "end": 191
+            "start": 278,
+            "end": 280
         },
         "context": {
             "type": "variable",
@@ -10148,8 +10121,8 @@
             "value": "$dark",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 281,
+                "end": 281
             }
         },
         "group": [
@@ -10158,15 +10131,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The light color of the theme.\n",
         "commentRange": {
-            "start": 194,
-            "end": 196
+            "start": 283,
+            "end": 285
         },
         "context": {
             "type": "variable",
@@ -10174,8 +10147,8 @@
             "value": "$light",
             "scope": "default",
             "line": {
-                "start": 197,
-                "end": 197
+                "start": 286,
+                "end": 286
             }
         },
         "group": [
@@ -10184,15 +10157,15 @@
         "type": "Color",
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "Inverse color of the theme. Depending on the theme luminance dark or light, it will be light or dark\n",
         "commentRange": {
-            "start": 199,
-            "end": 200
+            "start": 288,
+            "end": 289
         },
         "context": {
             "type": "variable",
@@ -10200,8 +10173,8 @@
             "value": "if( $kendo-is-dark-theme, $kendo-color-light, $kendo-color-dark )",
             "scope": "default",
             "line": {
-                "start": 201,
-                "end": 201
+                "start": 290,
+                "end": 290
             }
         },
         "group": [
@@ -10209,8 +10182,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
@@ -11016,8 +10989,8 @@
     {
         "description": "Background color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-bg` e.g. `$kendo-grid-bg: $kendo-component-bg !default;`.\n",
         "commentRange": {
-            "start": 289,
-            "end": 291
+            "start": 327,
+            "end": 329
         },
         "context": {
             "type": "variable",
@@ -11025,8 +10998,8 @@
             "value": "$kendo-body-bg",
             "scope": "default",
             "line": {
-                "start": 292,
-                "end": 292
+                "start": 330,
+                "end": 330
             }
         },
         "group": [
@@ -11034,15 +11007,15 @@
         ],
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "Text color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-text` e.g. `$kendo-grid-text: $kendo-component-text !default;`.\n",
         "commentRange": {
-            "start": 293,
-            "end": 295
+            "start": 331,
+            "end": 333
         },
         "context": {
             "type": "variable",
@@ -11050,8 +11023,8 @@
             "value": "$kendo-body-text",
             "scope": "default",
             "line": {
-                "start": 296,
-                "end": 296
+                "start": 334,
+                "end": 334
             }
         },
         "group": [
@@ -11059,15 +11032,15 @@
         ],
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "Border color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-border` e.g. `$kendo-grid-border: $kendo-component-border !default;`.\n",
         "commentRange": {
-            "start": 297,
-            "end": 299
+            "start": 335,
+            "end": 337
         },
         "context": {
             "type": "variable",
@@ -11075,8 +11048,8 @@
             "value": "if( k-is-light( $kendo-component-bg ), $gray-300, $gray-700 )",
             "scope": "default",
             "line": {
-                "start": 300,
-                "end": 300
+                "start": 338,
+                "end": 338
             }
         },
         "group": [
@@ -11084,8 +11057,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
@@ -12122,7 +12095,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-dock-preview-bg",
-            "value": "rgba( $kendo-color-primary, .16 )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
             "scope": "default",
             "line": {
                 "start": 110,
@@ -12397,7 +12370,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dropzone-bg",
-            "value": "if( k-is-light( $kendo-component-bg ), $gray-100, $gray-900 )",
+            "value": "if($kendo-enable-color-system, k-color( surface ), if( k-is-light( $kendo-component-bg ), $gray-100, $gray-900 ))",
             "scope": "default",
             "line": {
                 "start": 28,
@@ -12497,7 +12470,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dropzone-icon-text",
-            "value": "k-try-tint( $kendo-dropzone-text, 8 )",
+            "value": "if($kendo-enable-color-system, k-color( subtle ), k-try-tint( $kendo-dropzone-text, 8 ))",
             "scope": "default",
             "line": {
                 "start": 41,
@@ -12897,7 +12870,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-editor-highlighted-bg",
-            "value": "k-color-mix( $kendo-color-primary, #ffffff, 20% )",
+            "value": "if($kendo-enable-color-system, k-color( primary-subtle ), k-color-mix( $kendo-color-primary, #ffffff, 20% ))",
             "scope": "default",
             "line": {
                 "start": 32,
@@ -14597,7 +14570,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-file-manager-listview-item-icon-text",
-            "value": "k-try-tint( $kendo-file-manager-text, 4 )",
+            "value": "if($kendo-enable-color-system, k-color( subtle ), k-try-tint( $kendo-file-manager-text, 4 ))",
             "scope": "default",
             "line": {
                 "start": 122,
@@ -15047,7 +15020,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-file-manager-preview-icon-text",
-            "value": "k-try-tint( $kendo-file-manager-text, 4 )",
+            "value": "if($kendo-enable-color-system, k-color( subtle ), k-try-tint( $kendo-file-manager-text, 4 ))",
             "scope": "default",
             "line": {
                 "start": 179,
@@ -15272,7 +15245,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-filter-toolbar-focus-shadow",
-            "value": "0 0 0 .25rem rgba( $kendo-color-primary, .25 )",
+            "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
             "scope": "default",
             "line": {
                 "start": 30,
@@ -18916,17 +18889,17 @@
     {
         "description": "Background color of the grid row resize indicator\n",
         "commentRange": {
-            "start": 306,
-            "end": 307
+            "start": 309,
+            "end": 310
         },
         "context": {
             "type": "variable",
             "name": "kendo-grid-row-resizer-hover-bg",
-            "value": "rgba( k-contrast-color( $kendo-grid-bg ), .12 )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
             "scope": "default",
             "line": {
-                "start": 308,
-                "end": 308
+                "start": 311,
+                "end": 311
             }
         },
         "group": [
@@ -18941,8 +18914,8 @@
     {
         "description": "Active background color of the grid row resize indicator\n",
         "commentRange": {
-            "start": 309,
-            "end": 310
+            "start": 312,
+            "end": 313
         },
         "context": {
             "type": "variable",
@@ -18950,8 +18923,8 @@
             "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 311,
-                "end": 311
+                "start": 314,
+                "end": 314
             }
         },
         "group": [
@@ -18966,8 +18939,8 @@
     {
         "description": "Height of the grid row resize indicator\n",
         "commentRange": {
-            "start": 312,
-            "end": 313
+            "start": 315,
+            "end": 316
         },
         "context": {
             "type": "variable",
@@ -18975,8 +18948,8 @@
             "value": "k-map-get( $kendo-spacing, .5 )",
             "scope": "default",
             "line": {
-                "start": 314,
-                "end": 314
+                "start": 317,
+                "end": 317
             }
         },
         "group": [
@@ -20047,7 +20020,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-input-outline-border",
-            "value": "rgba( $kendo-base-text, .5 )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-base-text, .5 ))",
             "scope": "default",
             "line": {
                 "start": 170,
@@ -21822,7 +21795,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-item-focus-shadow",
-            "value": "inset 0 0 0 3px rgba( $kendo-list-text, .15 )",
+            "value": "inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-list-text, .15 ))",
             "scope": "default",
             "line": {
                 "start": 223,
@@ -22722,7 +22695,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-listview-item-selected-bg",
-            "value": "rgba( $kendo-selected-bg, .25 )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
             "scope": "default",
             "line": {
                 "start": 44,
@@ -22847,7 +22820,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-listview-item-focus-shadow",
-            "value": "inset 0 0 0 3px rgba( $kendo-listview-text, .15 )",
+            "value": "inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-listview-text, .15 ))",
             "scope": "default",
             "line": {
                 "start": 60,
@@ -25847,7 +25820,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pager-item-focus-shadow",
-            "value": "0 0 0 3px rgba($kendo-color-primary, .25)",
+            "value": "0 0 0 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-color-primary, .25))",
             "scope": "default",
             "line": {
                 "start": 126,
@@ -27397,7 +27370,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-picker-outline-border",
-            "value": "rgba( $kendo-picker-outline-text, .5 )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-picker-outline-text, .5 ))",
             "scope": "default",
             "line": {
                 "start": 368,
@@ -27447,7 +27420,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-picker-outline-hover-text",
-            "value": "k-contrast-color( $kendo-picker-outline-hover-bg )",
+            "value": "if($kendo-enable-color-system, k-color( base-subtle ), k-contrast-color( $kendo-picker-outline-hover-bg ))",
             "scope": "default",
             "line": {
                 "start": 375,
@@ -27747,7 +27720,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-picker-flat-hover-bg",
-            "value": "rgba( $kendo-button-text, .08 )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( $kendo-button-text, .08 ))",
             "scope": "default",
             "line": {
                 "start": 415,
@@ -32297,7 +32270,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-skeleton-item-bg",
-            "value": "rgba( $kendo-color-inverse, .2 )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .2 ), rgba( $kendo-color-inverse, .2 ))",
             "scope": "default",
             "line": {
                 "start": 20,
@@ -32972,7 +32945,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-off-track-focus-border",
-            "value": "k-color-mix( $kendo-switch-off-track-bg, $kendo-color-primary )",
+            "value": "if($kendo-enable-color-system, k-color( primary-emphasis ), k-color-mix( $kendo-switch-off-track-bg, $kendo-color-primary ))",
             "scope": "default",
             "line": {
                 "start": 65,
@@ -33022,7 +32995,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-off-track-focus-ring",
-            "value": ".25rem solid rgba( $kendo-color-primary, .25 )",
+            "value": ".25rem solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
             "scope": "default",
             "line": {
                 "start": 71,
@@ -33047,7 +33020,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-off-track-disabled-bg",
-            "value": "if( $kendo-is-dark-theme, $gray-800, $gray-200 )",
+            "value": "if($kendo-enable-color-system, k-color( base-subtle ), if( $kendo-is-dark-theme, $gray-800, $gray-200 ))",
             "scope": "default",
             "line": {
                 "start": 75,
@@ -33647,7 +33620,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-on-track-focus-ring",
-            "value": ".25rem solid rgba( $kendo-switch-on-track-border, .25 )",
+            "value": ".25rem solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-switch-on-track-border, .25 ))",
             "scope": "default",
             "line": {
                 "start": 153,
@@ -33672,7 +33645,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-on-track-disabled-bg",
-            "value": "k-try-tint( $kendo-switch-on-track-bg, 50% )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( primary ), .5 ), k-try-tint( $kendo-switch-on-track-bg, 50% ))",
             "scope": "default",
             "line": {
                 "start": 157,
@@ -33772,7 +33745,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-on-thumb-bg",
-            "value": "k-contrast-color( $kendo-switch-on-track-bg )",
+            "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-switch-on-track-bg ))",
             "scope": "default",
             "line": {
                 "start": 170,
@@ -34497,7 +34470,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-table-alt-row-bg",
-            "value": "rgba( k-contrast-color( $kendo-table-bg ), .04 )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), rgba( k-contrast-color( $kendo-table-bg ), .04 ))",
             "scope": "default",
             "line": {
                 "start": 114,
@@ -34572,7 +34545,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-table-hover-bg",
-            "value": "rgba( k-contrast-color( $kendo-table-bg ), .08 )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .09 ), rgba( k-contrast-color( $kendo-table-bg ), .08 ))",
             "scope": "default",
             "line": {
                 "start": 125,
@@ -34747,7 +34720,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-table-selected-bg",
-            "value": "rgba( $kendo-selected-bg, .25 )",
+            "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
             "scope": "default",
             "line": {
                 "start": 150,
@@ -36347,7 +36320,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-toolbar-item-shadow",
-            "value": "0 0 0 .25rem rgba( $kendo-color-primary, .25 )",
+            "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
             "scope": "default",
             "line": {
                 "start": 85,
@@ -36672,7 +36645,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tooltip-bg",
-            "value": "if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )",
+            "value": "if($kendo-enable-color-system, k-color( on-app-surface ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ))",
             "scope": "default",
             "line": {
                 "start": 39,
@@ -36697,7 +36670,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tooltip-text",
-            "value": "k-contrast-color( $kendo-tooltip-bg )",
+            "value": "if($kendo-enable-color-system, k-color( app-surface ), k-contrast-color( $kendo-tooltip-bg ))",
             "scope": "default",
             "line": {
                 "start": 42,
@@ -37772,7 +37745,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-treeview-item-focus-shadow",
-            "value": "inset 0 0 0 2px rgba( $kendo-treeview-text, .15 )",
+            "value": "inset 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-treeview-text, .15 ))",
             "scope": "default",
             "line": {
                 "start": 154,
@@ -38041,8 +38014,8 @@
     {
         "description": "Base font size across all components.\n",
         "commentRange": {
-            "start": 220,
-            "end": 221
+            "start": 104,
+            "end": 105
         },
         "context": {
             "type": "variable",
@@ -38050,8 +38023,8 @@
             "value": "$font-size-base",
             "scope": "default",
             "line": {
-                "start": 222,
-                "end": 222
+                "start": 106,
+                "end": 106
             }
         },
         "group": [
@@ -38066,8 +38039,8 @@
     {
         "description": "Font family for text.\n",
         "commentRange": {
-            "start": 237,
-            "end": 238
+            "start": 121,
+            "end": 122
         },
         "context": {
             "type": "variable",
@@ -38075,8 +38048,8 @@
             "value": "$font-family-sans-serif",
             "scope": "default",
             "line": {
-                "start": 239,
-                "end": 239
+                "start": 123,
+                "end": 123
             }
         },
         "group": [
@@ -38091,8 +38064,8 @@
     {
         "description": "Font family for monospaced text. Used for styling the code.\n",
         "commentRange": {
-            "start": 241,
-            "end": 242
+            "start": 125,
+            "end": 126
         },
         "context": {
             "type": "variable",
@@ -38100,8 +38073,8 @@
             "value": "$font-family-monospace",
             "scope": "default",
             "line": {
-                "start": 243,
-                "end": 243
+                "start": 127,
+                "end": 127
             }
         },
         "group": [
@@ -38116,8 +38089,8 @@
     {
         "description": "Font family across all components.\n",
         "commentRange": {
-            "start": 245,
-            "end": 246
+            "start": 129,
+            "end": 130
         },
         "context": {
             "type": "variable",
@@ -38125,8 +38098,8 @@
             "value": "$kendo-font-family-sans-serif",
             "scope": "default",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 131,
+                "end": 131
             }
         },
         "group": [
@@ -38141,8 +38114,8 @@
     {
         "description": "Line height used along with $kendo-font-size.\n",
         "commentRange": {
-            "start": 249,
-            "end": 250
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -38150,8 +38123,8 @@
             "value": "$line-height-base",
             "scope": "default",
             "line": {
-                "start": 251,
-                "end": 251
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -38166,8 +38139,8 @@
     {
         "description": "Border radius for all components.\n",
         "commentRange": {
-            "start": 96,
-            "end": 96
+            "start": 81,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -38175,8 +38148,8 @@
             "value": "$border-radius",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 82,
+                "end": 82
             }
         },
         "access": "public",
@@ -38188,11 +38161,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The font size of the large Chip.\n",
+        "commentRange": {
+            "start": 48,
+            "end": 48
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chip-lg-font-size",
+            "value": "$kendo-font-size-md",
+            "scope": "default",
+            "line": {
+                "start": 49,
+                "end": 49
+            }
+        },
+        "access": "public",
+        "group": [
+            "undefined"
+        ],
+        "file": {
+            "path": "chip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The background of the components' chrome area.\n",
         "commentRange": {
-            "start": 303,
-            "end": 303
+            "start": 341,
+            "end": 341
         },
         "context": {
             "type": "variable",
@@ -38200,8 +38198,8 @@
             "value": "$gray-100",
             "scope": "default",
             "line": {
-                "start": 304,
-                "end": 304
+                "start": 342,
+                "end": 342
             }
         },
         "access": "public",
@@ -38209,15 +38207,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The text color of the components' chrome area.\n",
         "commentRange": {
-            "start": 305,
-            "end": 305
+            "start": 343,
+            "end": 343
         },
         "context": {
             "type": "variable",
@@ -38225,8 +38223,8 @@
             "value": "$kendo-body-text",
             "scope": "default",
             "line": {
-                "start": 306,
-                "end": 306
+                "start": 344,
+                "end": 344
             }
         },
         "access": "public",
@@ -38234,15 +38232,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The border color of the components' chrome area.\n",
         "commentRange": {
-            "start": 307,
-            "end": 307
+            "start": 345,
+            "end": 345
         },
         "context": {
             "type": "variable",
@@ -38250,8 +38248,8 @@
             "value": "k-try-shade( $kendo-base-bg, 1 )",
             "scope": "default",
             "line": {
-                "start": 308,
-                "end": 308
+                "start": 346,
+                "end": 346
             }
         },
         "access": "public",
@@ -38259,15 +38257,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The gradient background of the components' chrome area.\n",
         "commentRange": {
-            "start": 309,
-            "end": 309
+            "start": 347,
+            "end": 347
         },
         "context": {
             "type": "variable",
@@ -38275,8 +38273,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 310,
-                "end": 310
+                "start": 348,
+                "end": 348
             }
         },
         "access": "public",
@@ -38284,15 +38282,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The background of hovered items.\n",
         "commentRange": {
-            "start": 312,
-            "end": 312
+            "start": 350,
+            "end": 350
         },
         "context": {
             "type": "variable",
@@ -38300,8 +38298,8 @@
             "value": "$gray-200",
             "scope": "default",
             "line": {
-                "start": 313,
-                "end": 313
+                "start": 351,
+                "end": 351
             }
         },
         "access": "public",
@@ -38309,15 +38307,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The text color of hovered items.\n",
         "commentRange": {
-            "start": 314,
-            "end": 314
+            "start": 352,
+            "end": 352
         },
         "context": {
             "type": "variable",
@@ -38325,8 +38323,8 @@
             "value": "$kendo-base-text",
             "scope": "default",
             "line": {
-                "start": 315,
-                "end": 315
+                "start": 353,
+                "end": 353
             }
         },
         "access": "public",
@@ -38334,15 +38332,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The border color of hovered items.\n",
         "commentRange": {
-            "start": 316,
-            "end": 316
+            "start": 354,
+            "end": 354
         },
         "context": {
             "type": "variable",
@@ -38350,8 +38348,8 @@
             "value": "k-try-shade( $kendo-hover-bg, 1 )",
             "scope": "default",
             "line": {
-                "start": 317,
-                "end": 317
+                "start": 355,
+                "end": 355
             }
         },
         "access": "public",
@@ -38359,15 +38357,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The gradient background of hovered items.\n",
         "commentRange": {
-            "start": 318,
-            "end": 318
+            "start": 356,
+            "end": 356
         },
         "context": {
             "type": "variable",
@@ -38375,8 +38373,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 319,
-                "end": 319
+                "start": 357,
+                "end": 357
             }
         },
         "access": "public",
@@ -38384,15 +38382,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The background of selected items.\n",
         "commentRange": {
-            "start": 321,
-            "end": 321
+            "start": 359,
+            "end": 359
         },
         "context": {
             "type": "variable",
@@ -38400,8 +38398,8 @@
             "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 322,
-                "end": 322
+                "start": 360,
+                "end": 360
             }
         },
         "access": "public",
@@ -38409,15 +38407,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The text color of selected items.\n",
         "commentRange": {
-            "start": 323,
-            "end": 323
+            "start": 361,
+            "end": 361
         },
         "context": {
             "type": "variable",
@@ -38425,8 +38423,8 @@
             "value": "k-contrast-color( $kendo-selected-bg )",
             "scope": "default",
             "line": {
-                "start": 324,
-                "end": 324
+                "start": 362,
+                "end": 362
             }
         },
         "access": "public",
@@ -38434,15 +38432,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The border color of selected items.\n",
         "commentRange": {
-            "start": 325,
-            "end": 325
+            "start": 363,
+            "end": 363
         },
         "context": {
             "type": "variable",
@@ -38450,8 +38448,8 @@
             "value": "k-try-shade( $kendo-selected-bg, 1 )",
             "scope": "default",
             "line": {
-                "start": 326,
-                "end": 326
+                "start": 364,
+                "end": 364
             }
         },
         "access": "public",
@@ -38459,15 +38457,15 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
         "description": "The gradient background of selected items.\n",
         "commentRange": {
-            "start": 327,
-            "end": 327
+            "start": 365,
+            "end": 365
         },
         "context": {
             "type": "variable",
@@ -38475,8 +38473,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 328,
-                "end": 328
+                "start": 366,
+                "end": 366
             }
         },
         "access": "public",
@@ -38484,24 +38482,24 @@
             "undefined"
         ],
         "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
-        "description": "The font size of the large Chip.\n",
+        "description": "Text color of disabled items.\n",
         "commentRange": {
-            "start": 48,
-            "end": 48
+            "start": 373,
+            "end": 373
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chip-lg-font-size",
-            "value": "$kendo-font-size-md",
+            "name": "kendo-disabled-text",
+            "value": "if( $kendo-is-dark-theme, $gray-600, $gray-500)",
             "scope": "default",
             "line": {
-                "start": 49,
-                "end": 49
+                "start": 374,
+                "end": 374
             }
         },
         "access": "public",
@@ -38509,8 +38507,8 @@
             "undefined"
         ],
         "file": {
-            "path": "chip/_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/color-system/_swatch.scss",
+            "name": "_swatch.scss"
         }
     },
     {
@@ -38847,7 +38845,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-dropzone-hover-bg",
-            "value": "k-try-shade( $kendo-upload-dropzone-bg, .2 )",
+            "value": "if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-upload-dropzone-bg, .2 ))",
             "scope": "default",
             "line": {
                 "start": 46,