npm - @progress/kendo-theme-utils - Versions diffs - 13.2.0-dev.3 → 14.0.0-dev.0 - Mend

@progress/kendo-theme-utils 13.2.0-dev.3 → 14.0.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/all.css +1 -1
package/dist/meta/sassdoc-data.json +302 -1046
package/dist/meta/sassdoc-raw-data.json +302 -1046
package/dist/meta/variables.json +4 -34
package/package.json +3 -3
package/scss/_variables.scss +0 -6
package/scss/background/_background-color.scss +0 -36
package/scss/border/_border-color.scss +0 -36
package/scss/border/_outline-color.scss +0 -36
package/scss/typography/_text-color.scss +0 -36

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

@@ -1636,23 +1636,23 @@
         }
     },
     {
-        "description": "Sets the background color to the dark emphasis color.\n",
+        "description": "Sets the background color to the error emphasis color.\n",
         "commentRange": {
-            "start": 235,
-            "end": 239
+            "start": 199,
+            "end": 203
         },
         "context": {
             "type": "css",
             "line": {
-                "start": 241,
-                "end": 241
+                "start": 205,
+                "end": 205
             },
-            "name": ".k-bg-dark-emphasis"
+            "name": ".k-bg-error-emphasis"
         },
         "example": [
             {
                 "type": "scss",
-                "code": "background-color: var(--kendo-color-dark-emphasis, #212529);"
+                "code": "background-color: var(--kendo-color-error-emphasis, #d32f2f);"
             }
         ],
         "group": [
@@ -1676,8 +1676,8 @@
             "name": ".k-bg-inherit",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -1707,8 +1707,8 @@
             "name": ".k-bg-transparent",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -1738,8 +1738,8 @@
             "name": ".k-bg-black",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -1769,8 +1769,8 @@
             "name": ".k-bg-white",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -1800,8 +1800,8 @@
             "name": ".k-bg-app-surface",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -1831,8 +1831,8 @@
             "name": ".k-bg-on-app-surface",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -1862,8 +1862,8 @@
             "name": ".k-bg-subtle",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -1893,8 +1893,8 @@
             "name": ".k-bg-surface",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -1924,8 +1924,8 @@
             "name": ".k-bg-surface-alt",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -1955,8 +1955,8 @@
             "name": ".k-bg-border",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -1986,8 +1986,8 @@
             "name": ".k-bg-border-alt",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2017,8 +2017,8 @@
             "name": ".k-bg-base-subtle",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2048,8 +2048,8 @@
             "name": ".k-bg-base-emphasis",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2079,8 +2079,8 @@
             "name": ".k-bg-primary-subtle",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2110,8 +2110,8 @@
             "name": ".k-bg-primary",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2141,8 +2141,8 @@
             "name": ".k-bg-primary-emphasis",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2172,8 +2172,8 @@
             "name": ".k-bg-secondary-subtle",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2203,8 +2203,8 @@
             "name": ".k-bg-secondary",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2234,8 +2234,8 @@
             "name": ".k-bg-secondary-emphasis",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2265,8 +2265,8 @@
             "name": ".k-bg-tertiary-subtle",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2296,8 +2296,8 @@
             "name": ".k-bg-tertiary",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2327,8 +2327,8 @@
             "name": ".k-bg-tertiary-emphasis",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2358,8 +2358,8 @@
             "name": ".k-bg-info-subtle",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2389,8 +2389,8 @@
             "name": ".k-bg-info",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2420,8 +2420,8 @@
             "name": ".k-bg-info-emphasis",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2451,8 +2451,8 @@
             "name": ".k-bg-success-subtle",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2482,8 +2482,8 @@
             "name": ".k-bg-success",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2513,8 +2513,8 @@
             "name": ".k-bg-success-emphasis",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2544,8 +2544,8 @@
             "name": ".k-bg-warning-subtle",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2575,8 +2575,8 @@
             "name": ".k-bg-warning",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2606,8 +2606,8 @@
             "name": ".k-bg-warning-emphasis",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2637,8 +2637,8 @@
             "name": ".k-bg-error-subtle",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2668,8 +2668,8 @@
             "name": ".k-bg-error",
             "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 247,
-                "end": 256
+                "start": 211,
+                "end": 220
             }
         },
         "example": [
@@ -2688,192 +2688,6 @@
             "name": "_background-color.scss"
         }
     },
-    {
-        "description": "Sets the background color to the error emphasis color.\n",
-        "commentRange": {
-            "start": 199,
-            "end": 203
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-bg-error-emphasis",
-            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 247,
-                "end": 256
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "background-color: var(--kendo-color-error-emphasis, #d32f2f);"
-            }
-        ],
-        "group": [
-            "background-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "background/_background-color.scss",
-            "name": "_background-color.scss"
-        }
-    },
-    {
-        "description": "Sets the background color to the light subtle color.\n",
-        "commentRange": {
-            "start": 205,
-            "end": 209
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-bg-light-subtle",
-            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 247,
-                "end": 256
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "background-color: var(--kendo-color-light-subtle, #f8f9fa);"
-            }
-        ],
-        "group": [
-            "background-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "background/_background-color.scss",
-            "name": "_background-color.scss"
-        }
-    },
-    {
-        "description": "Sets the background color to the light color.\n",
-        "commentRange": {
-            "start": 211,
-            "end": 215
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-bg-light",
-            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 247,
-                "end": 256
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "background-color: var(--kendo-color-light, #f8f9fa);"
-            }
-        ],
-        "group": [
-            "background-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "background/_background-color.scss",
-            "name": "_background-color.scss"
-        }
-    },
-    {
-        "description": "Sets the background color to the light emphasis color.\n",
-        "commentRange": {
-            "start": 217,
-            "end": 221
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-bg-light-emphasis",
-            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 247,
-                "end": 256
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "background-color: var(--kendo-color-light-emphasis, #dee2e6);"
-            }
-        ],
-        "group": [
-            "background-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "background/_background-color.scss",
-            "name": "_background-color.scss"
-        }
-    },
-    {
-        "description": "Sets the background color to the dark subtle color.\n",
-        "commentRange": {
-            "start": 223,
-            "end": 227
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-bg-dark-subtle",
-            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 247,
-                "end": 256
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "background-color: var(--kendo-color-dark-subtle, #6c757d);"
-            }
-        ],
-        "group": [
-            "background-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "background/_background-color.scss",
-            "name": "_background-color.scss"
-        }
-    },
-    {
-        "description": "Sets the background color to the dark color.\n",
-        "commentRange": {
-            "start": 229,
-            "end": 233
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-bg-dark",
-            "value": "@include import-once(\"utils-background-color\") {\n\n        // Background color utility classes\n        $kendo-utils-background-color: map.get( $kendo-utils, \"background-color\" ) !default;\n        @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 247,
-                "end": 256
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "background-color: var(--kendo-color-dark, #343a40);"
-            }
-        ],
-        "group": [
-            "background-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "background/_background-color.scss",
-            "name": "_background-color.scss"
-        }
-    },
     {
         "description": "This is equivalent to `background-position: bottom right;`.\n",
         "commentRange": {
@@ -3306,23 +3120,23 @@
         }
     },
     {
-        "description": "Sets the border color to the dark emphasis color.\n",
+        "description": "Sets the border color to the error emphasis color.\n",
         "commentRange": {
-            "start": 241,
-            "end": 245
+            "start": 205,
+            "end": 209
         },
         "context": {
             "type": "css",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 211,
+                "end": 211
             },
-            "name": ".k-border-dark-emphasis"
+            "name": ".k-border-error-emphasis"
         },
         "example": [
             {
                 "type": "scss",
-                "code": "border-color: var(--kendo-color-dark-emphasis, #212529);"
+                "code": "border-color: var(--kendo-color-error-emphasis, #d32f2f);"
             }
         ],
         "group": [
@@ -3346,8 +3160,8 @@
             "name": ".k-border-inherit",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3377,8 +3191,8 @@
             "name": ".k-border-currentColor",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3408,8 +3222,8 @@
             "name": ".k-border-transparent",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3439,8 +3253,8 @@
             "name": ".k-border-black",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3470,8 +3284,8 @@
             "name": ".k-border-white",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3501,8 +3315,8 @@
             "name": ".k-border-app-surface",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3532,8 +3346,8 @@
             "name": ".k-border-on-app-surface",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3563,8 +3377,8 @@
             "name": ".k-border-subtle",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3594,8 +3408,8 @@
             "name": ".k-border-surface",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3625,8 +3439,8 @@
             "name": ".k-border-surface-alt",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3656,8 +3470,8 @@
             "name": ".k-border-border",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3687,8 +3501,8 @@
             "name": ".k-border-border-alt",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3718,8 +3532,8 @@
             "name": ".k-border-base-subtle",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3749,8 +3563,8 @@
             "name": ".k-border-base-emphasis",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3780,8 +3594,8 @@
             "name": ".k-border-primary-subtle",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3811,8 +3625,8 @@
             "name": ".k-border-primary",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3842,8 +3656,8 @@
             "name": ".k-border-primary-emphasis",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3873,8 +3687,8 @@
             "name": ".k-border-secondary-subtle",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3904,8 +3718,8 @@
             "name": ".k-border-secondary",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3935,8 +3749,8 @@
             "name": ".k-border-secondary-emphasis",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3966,8 +3780,8 @@
             "name": ".k-border-tertiary-subtle",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -3997,8 +3811,8 @@
             "name": ".k-border-tertiary",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4028,8 +3842,8 @@
             "name": ".k-border-tertiary-emphasis",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4059,8 +3873,8 @@
             "name": ".k-border-info-subtle",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4090,8 +3904,8 @@
             "name": ".k-border-info",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4121,8 +3935,8 @@
             "name": ".k-border-info-emphasis",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4152,8 +3966,8 @@
             "name": ".k-border-success-subtle",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4183,8 +3997,8 @@
             "name": ".k-border-success",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4214,8 +4028,8 @@
             "name": ".k-border-success-emphasis",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4245,8 +4059,8 @@
             "name": ".k-border-warning-subtle",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4276,8 +4090,8 @@
             "name": ".k-border-warning",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4307,8 +4121,8 @@
             "name": ".k-border-warning-emphasis",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4338,8 +4152,8 @@
             "name": ".k-border-error-subtle",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4369,8 +4183,8 @@
             "name": ".k-border-error",
             "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -4389,192 +4203,6 @@
             "name": "_border-color.scss"
         }
     },
-    {
-        "description": "Sets the border color to the error emphasis color.\n",
-        "commentRange": {
-            "start": 205,
-            "end": 209
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-border-error-emphasis",
-            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "border-color: var(--kendo-color-error-emphasis, #d32f2f);"
-            }
-        ],
-        "group": [
-            "border-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_border-color.scss",
-            "name": "_border-color.scss"
-        }
-    },
-    {
-        "description": "Sets the border color to the light subtle color.\n",
-        "commentRange": {
-            "start": 211,
-            "end": 215
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-border-light-subtle",
-            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "border-color: var(--kendo-color-light-subtle, #f8f9fa);"
-            }
-        ],
-        "group": [
-            "border-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_border-color.scss",
-            "name": "_border-color.scss"
-        }
-    },
-    {
-        "description": "Sets the border color to the light color.\n",
-        "commentRange": {
-            "start": 217,
-            "end": 221
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-border-light",
-            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "border-color: var(--kendo-color-light, #f8f9fa);"
-            }
-        ],
-        "group": [
-            "border-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_border-color.scss",
-            "name": "_border-color.scss"
-        }
-    },
-    {
-        "description": "Sets the border color to the light emphasis color.\n",
-        "commentRange": {
-            "start": 223,
-            "end": 227
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-border-light-emphasis",
-            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "border-color: var(--kendo-color-light-emphasis, #dee2e6);"
-            }
-        ],
-        "group": [
-            "border-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_border-color.scss",
-            "name": "_border-color.scss"
-        }
-    },
-    {
-        "description": "Sets the border color to the dark subtle color.\n",
-        "commentRange": {
-            "start": 229,
-            "end": 233
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-border-dark-subtle",
-            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "border-color: var(--kendo-color-dark-subtle, #6c757d);"
-            }
-        ],
-        "group": [
-            "border-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_border-color.scss",
-            "name": "_border-color.scss"
-        }
-    },
-    {
-        "description": "Sets the border color to the dark color.\n",
-        "commentRange": {
-            "start": 235,
-            "end": 239
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-border-dark",
-            "value": "@include import-once(\"utils-border-color\") {\n\n        // Border color utility classes\n        $kendo-utils-border-color: map.get( $kendo-utils, \"border-color\" ) !default;\n        @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "border-color: var(--kendo-color-dark, #343a40);"
-            }
-        ],
-        "group": [
-            "border-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_border-color.scss",
-            "name": "_border-color.scss"
-        }
-    },
     {
         "description": "This is equivalent to `border-left-radius: 9999px;`.\n",
         "commentRange": {
@@ -30450,23 +30078,23 @@
         }
     },
     {
-        "description": "Sets the border color to the dark emphasis color.\n",
+        "description": "Sets the border color to the error emphasis color.\n",
         "commentRange": {
-            "start": 241,
-            "end": 245
+            "start": 205,
+            "end": 209
         },
         "context": {
             "type": "css",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 211,
+                "end": 211
             },
-            "name": ".k-outline-dark-emphasis"
+            "name": ".k-outline-error-emphasis"
         },
         "example": [
             {
                 "type": "scss",
-                "code": "outline-color: var(--kendo-color-dark-emphasis, #212529);"
+                "code": "outline-color: var(--kendo-color-error-emphasis, #d32f2f);"
             }
         ],
         "group": [
@@ -30490,8 +30118,8 @@
             "name": ".k-outline-inherit",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30521,8 +30149,8 @@
             "name": ".k-outline-currentColor",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30552,8 +30180,8 @@
             "name": ".k-outline-transparent",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30583,8 +30211,8 @@
             "name": ".k-outline-black",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30614,8 +30242,8 @@
             "name": ".k-outline-white",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30645,8 +30273,8 @@
             "name": ".k-outline-app-surface",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30676,8 +30304,8 @@
             "name": ".k-outline-on-app-surface",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30707,8 +30335,8 @@
             "name": ".k-outline-subtle",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30738,8 +30366,8 @@
             "name": ".k-outline-surface",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30769,8 +30397,8 @@
             "name": ".k-outline-surface-alt",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30800,8 +30428,8 @@
             "name": ".k-outline-border",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30831,8 +30459,8 @@
             "name": ".k-outline-alt",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30862,8 +30490,8 @@
             "name": ".k-outline-base-subtle",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30893,8 +30521,8 @@
             "name": ".k-outline-base-emphasis",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30924,8 +30552,8 @@
             "name": ".k-outline-primary-subtle",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30955,8 +30583,8 @@
             "name": ".k-outline-primary",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -30986,8 +30614,8 @@
             "name": ".k-outline-primary-emphasis",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31017,8 +30645,8 @@
             "name": ".k-outline-secondary-subtle",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31048,8 +30676,8 @@
             "name": ".k-outline-secondary",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31079,8 +30707,8 @@
             "name": ".k-outline-secondary-emphasis",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31110,8 +30738,8 @@
             "name": ".k-outline-tertiary-subtle",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31141,8 +30769,8 @@
             "name": ".k-outline-tertiary",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31172,8 +30800,8 @@
             "name": ".k-outline-tertiary-emphasis",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31203,8 +30831,8 @@
             "name": ".k-outline-info-subtle",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31234,8 +30862,8 @@
             "name": ".k-outline-info",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31265,8 +30893,8 @@
             "name": ".k-outline-info-emphasis",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31296,8 +30924,8 @@
             "name": ".k-outline-success-subtle",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31327,8 +30955,8 @@
             "name": ".k-outline-success",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31358,8 +30986,8 @@
             "name": ".k-outline-success-emphasis",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31389,8 +31017,8 @@
             "name": ".k-outline-warning-subtle",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31420,8 +31048,8 @@
             "name": ".k-outline-warning",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31451,8 +31079,8 @@
             "name": ".k-outline-warning-emphasis",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31482,8 +31110,8 @@
             "name": ".k-outline-error-subtle",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31513,8 +31141,8 @@
             "name": ".k-outline-error",
             "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 262
+                "start": 217,
+                "end": 226
             }
         },
         "example": [
@@ -31533,192 +31161,6 @@
             "name": "_outline-color.scss"
         }
     },
-    {
-        "description": "Sets the border color to the error emphasis color.\n",
-        "commentRange": {
-            "start": 205,
-            "end": 209
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-outline-error-emphasis",
-            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "outline-color: var(--kendo-color-error-emphasis, #d32f2f);"
-            }
-        ],
-        "group": [
-            "outline-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_outline-color.scss",
-            "name": "_outline-color.scss"
-        }
-    },
-    {
-        "description": "Sets the border color to the light subtle color.\n",
-        "commentRange": {
-            "start": 211,
-            "end": 215
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-outline-light-subtle",
-            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "outline-color: var(--kendo-color-light-subtle, #f8f9fa);"
-            }
-        ],
-        "group": [
-            "outline-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_outline-color.scss",
-            "name": "_outline-color.scss"
-        }
-    },
-    {
-        "description": "Sets the border color to the light color.\n",
-        "commentRange": {
-            "start": 217,
-            "end": 221
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-outline-light",
-            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "outline-color: var(--kendo-color-light, #f8f9fa);"
-            }
-        ],
-        "group": [
-            "outline-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_outline-color.scss",
-            "name": "_outline-color.scss"
-        }
-    },
-    {
-        "description": "Sets the border color to the light emphasis color.\n",
-        "commentRange": {
-            "start": 223,
-            "end": 227
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-outline-light-emphasis",
-            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "outline-color: var(--kendo-color-light-emphasis, #dee2e6);"
-            }
-        ],
-        "group": [
-            "outline-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_outline-color.scss",
-            "name": "_outline-color.scss"
-        }
-    },
-    {
-        "description": "Sets the border color to the dark subtle color.\n",
-        "commentRange": {
-            "start": 229,
-            "end": 233
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-outline-dark-subtle",
-            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "outline-color: var(--kendo-color-dark-subtle, #6c757d);"
-            }
-        ],
-        "group": [
-            "outline-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_outline-color.scss",
-            "name": "_outline-color.scss"
-        }
-    },
-    {
-        "description": "Sets the border color to the dark color.\n",
-        "commentRange": {
-            "start": 235,
-            "end": 239
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-outline-dark",
-            "value": "@include import-once(\"utils-outline-color\") {\n\n        // Outline color utility classes\n        $kendo-utils-outline-color: map.get( $kendo-utils, \"outline-color\" ) !default;\n        @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 262
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "outline-color: var(--kendo-color-dark, #343a40);"
-            }
-        ],
-        "group": [
-            "outline-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "border/_outline-color.scss",
-            "name": "_outline-color.scss"
-        }
-    },
     {
         "description": "This is equivalent to `outline-offset: 8px;`.\n",
         "commentRange": {
@@ -39827,14 +39269,14 @@
     {
         "description": "This is equivalent to `color: white;`.\n",
         "commentRange": {
-            "start": 241,
-            "end": 245
+            "start": 205,
+            "end": 209
         },
         "context": {
             "type": "css",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 211,
+                "end": 211
             },
             "name": ".k-text-white"
         },
@@ -39865,8 +39307,8 @@
             "name": ".k-text-app-surface",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -39896,8 +39338,8 @@
             "name": ".k-text-on-app-surface",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -39927,8 +39369,8 @@
             "name": ".k-text-subtle",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -39958,8 +39400,8 @@
             "name": ".k-text-surface",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -39989,8 +39431,8 @@
             "name": ".k-text-surface-alt",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40020,8 +39462,8 @@
             "name": ".k-text-border",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40051,8 +39493,8 @@
             "name": ".k-text-border-alt",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40082,8 +39524,8 @@
             "name": ".k-text-base-subtle",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40113,8 +39555,8 @@
             "name": ".k-text-base-emphasis",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40144,8 +39586,8 @@
             "name": ".k-text-primary-subtle",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40175,8 +39617,8 @@
             "name": ".k-text-primary",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40206,8 +39648,8 @@
             "name": ".k-text-primary-emphasis",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40237,8 +39679,8 @@
             "name": ".k-text-secondary-subtle",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40268,8 +39710,8 @@
             "name": ".k-text-secondary",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40299,8 +39741,8 @@
             "name": ".k-text-secondary-emphasis",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40330,8 +39772,8 @@
             "name": ".k-text-tertiary-subtle",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40361,8 +39803,8 @@
             "name": ".k-text-tertiary",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40392,8 +39834,8 @@
             "name": ".k-text-tertiary-emphasis",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40423,8 +39865,8 @@
             "name": ".k-text-info-subtle",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40454,8 +39896,8 @@
             "name": ".k-text-info",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40485,8 +39927,8 @@
             "name": ".k-text-info-emphasis",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40516,8 +39958,8 @@
             "name": ".k-text-success-subtle",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40547,8 +39989,8 @@
             "name": ".k-text-success",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40578,8 +40020,8 @@
             "name": ".k-text-success-emphasis",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40609,8 +40051,8 @@
             "name": ".k-text-warning-subtle",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40640,8 +40082,8 @@
             "name": ".k-text-warning",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40671,8 +40113,8 @@
             "name": ".k-text-warning-emphasis",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40702,8 +40144,8 @@
             "name": ".k-text-error-subtle",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40733,8 +40175,8 @@
             "name": ".k-text-error",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40764,8 +40206,8 @@
             "name": ".k-text-error-emphasis",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -40785,204 +40227,18 @@
         }
     },
     {
-        "description": "Sets the text color to the light subtle color.\n",
+        "description": "This is equivalent to `color: inherit;`.\n",
         "commentRange": {
             "start": 181,
             "end": 185
         },
-        "context": {
-            "type": "css",
-            "name": ".k-text-light-subtle",
-            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 265
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "color: var(--kendo-color-light-subtle, #f8f9fa);"
-            }
-        ],
-        "group": [
-            "text-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "typography/_text-color.scss",
-            "name": "_text-color.scss"
-        }
-    },
-    {
-        "description": "Sets the text color to the light color.\n",
-        "commentRange": {
-            "start": 187,
-            "end": 191
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-text-light",
-            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 265
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "color: var(--kendo-color-light, #f8f9fa);"
-            }
-        ],
-        "group": [
-            "text-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "typography/_text-color.scss",
-            "name": "_text-color.scss"
-        }
-    },
-    {
-        "description": "Sets the text color to the light emphasis color.\n",
-        "commentRange": {
-            "start": 193,
-            "end": 197
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-text-light-emphasis",
-            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 265
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "color: var(--kendo-color-light-emphasis, #dee2e6);"
-            }
-        ],
-        "group": [
-            "text-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "typography/_text-color.scss",
-            "name": "_text-color.scss"
-        }
-    },
-    {
-        "description": "Sets the text color to the dark subtle color.\n",
-        "commentRange": {
-            "start": 199,
-            "end": 203
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-text-dark-subtle",
-            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 265
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "color: var(--kendo-color-dark-subtle, #6c757d);"
-            }
-        ],
-        "group": [
-            "text-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "typography/_text-color.scss",
-            "name": "_text-color.scss"
-        }
-    },
-    {
-        "description": "Sets the text color to the dark color.\n",
-        "commentRange": {
-            "start": 205,
-            "end": 209
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-text-dark",
-            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 265
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "color: var(--kendo-color-dark, #343a40);"
-            }
-        ],
-        "group": [
-            "text-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "typography/_text-color.scss",
-            "name": "_text-color.scss"
-        }
-    },
-    {
-        "description": "Sets the text color to the dark emphasis color.\n",
-        "commentRange": {
-            "start": 211,
-            "end": 215
-        },
-        "context": {
-            "type": "css",
-            "name": ".k-text-dark-emphasis",
-            "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
-            "line": {
-                "start": 253,
-                "end": 265
-            }
-        },
-        "example": [
-            {
-                "type": "scss",
-                "code": "color: var(--kendo-color-dark-emphasis, #212529);"
-            }
-        ],
-        "group": [
-            "text-color"
-        ],
-        "contextType": "css",
-        "access": "public",
-        "file": {
-            "path": "typography/_text-color.scss",
-            "name": "_text-color.scss"
-        }
-    },
-    {
-        "description": "This is equivalent to `color: inherit;`.\n",
-        "commentRange": {
-            "start": 217,
-            "end": 221
-        },
         "context": {
             "type": "css",
             "name": ".k-text-inherit",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -41004,16 +40260,16 @@
     {
         "description": "This is equivalent to `color: currentColor;`.\n",
         "commentRange": {
-            "start": 223,
-            "end": 227
+            "start": 187,
+            "end": 191
         },
         "context": {
             "type": "css",
             "name": ".k-text-current",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -41035,16 +40291,16 @@
     {
         "description": "This is equivalent to `color: transparent;`.\n",
         "commentRange": {
-            "start": 229,
-            "end": 233
+            "start": 193,
+            "end": 197
         },
         "context": {
             "type": "css",
             "name": ".k-text-transparent",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [
@@ -41066,16 +40322,16 @@
     {
         "description": "This is equivalent to `color: black;`.\n",
         "commentRange": {
-            "start": 235,
-            "end": 239
+            "start": 199,
+            "end": 203
         },
         "context": {
             "type": "css",
             "name": ".k-text-black",
             "value": "@include import-once(\"utils-typography-text-color\") {\n\n        // Text color utility classes\n        $kendo-utils-text-color: map.get( $kendo-utils, \"text-color\" ) !default;\n        @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );\n\n        // Legacy aliases\n        @include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );\n\n    }",
             "line": {
-                "start": 253,
-                "end": 265
+                "start": 217,
+                "end": 229
             }
         },
         "example": [