@progress/kendo-theme-utils 13.2.0-dev.2 → 13.2.0-dev.4

package/dist/meta/sassdoc-data.json

@@ -1641,23 +1641,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": [
@@ -1681,8 +1681,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": [
@@ -1712,8 +1712,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": [
@@ -1743,8 +1743,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": [
@@ -1774,8 +1774,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": [
@@ -1805,8 +1805,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": [
@@ -1836,8 +1836,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": [
@@ -1867,8 +1867,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": [
@@ -1898,8 +1898,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": [
@@ -1929,8 +1929,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": [
@@ -1960,8 +1960,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": [
@@ -1991,8 +1991,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": [
@@ -2022,8 +2022,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": [
@@ -2053,8 +2053,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": [
@@ -2084,8 +2084,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": [
@@ -2115,8 +2115,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": [
@@ -2146,8 +2146,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": [
@@ -2177,8 +2177,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": [
@@ -2208,8 +2208,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": [
@@ -2239,8 +2239,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": [
@@ -2270,8 +2270,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": [
@@ -2301,8 +2301,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": [
@@ -2332,8 +2332,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": [
@@ -2363,8 +2363,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": [
@@ -2394,8 +2394,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": [
@@ -2425,8 +2425,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": [
@@ -2456,8 +2456,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": [
@@ -2487,8 +2487,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": [
@@ -2518,8 +2518,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": [
@@ -2549,8 +2549,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": [
@@ -2580,8 +2580,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": [
@@ -2611,8 +2611,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": [
@@ -2642,8 +2642,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": [
@@ -2673,8 +2673,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": [
@@ -2693,192 +2693,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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/background/_background-color.scss",
-                "name": "_background-color.scss"
-            }
-        },
         {
             "description": "This is equivalent to `background-position: bottom right;`.\n",
             "commentRange": {
@@ -3311,23 +3125,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": [
@@ -3351,8 +3165,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": [
@@ -3382,8 +3196,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": [
@@ -3413,8 +3227,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": [
@@ -3444,8 +3258,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": [
@@ -3475,8 +3289,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": [
@@ -3506,8 +3320,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": [
@@ -3537,8 +3351,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": [
@@ -3568,8 +3382,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": [
@@ -3599,8 +3413,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": [
@@ -3630,8 +3444,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": [
@@ -3661,8 +3475,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": [
@@ -3692,8 +3506,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": [
@@ -3723,8 +3537,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": [
@@ -3754,8 +3568,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": [
@@ -3785,8 +3599,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": [
@@ -3816,8 +3630,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": [
@@ -3847,8 +3661,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": [
@@ -3878,8 +3692,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": [
@@ -3909,8 +3723,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": [
@@ -3940,8 +3754,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": [
@@ -3971,8 +3785,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": [
@@ -4002,8 +3816,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": [
@@ -4033,8 +3847,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": [
@@ -4064,8 +3878,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": [
@@ -4095,8 +3909,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": [
@@ -4126,8 +3940,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": [
@@ -4157,8 +3971,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": [
@@ -4188,8 +4002,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": [
@@ -4219,8 +4033,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": [
@@ -4250,8 +4064,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": [
@@ -4281,8 +4095,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": [
@@ -4312,8 +4126,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": [
@@ -4343,8 +4157,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": [
@@ -4374,8 +4188,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": [
@@ -4394,192 +4208,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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/border/_border-color.scss",
-                "name": "_border-color.scss"
-            }
-        },
         {
             "description": "This is equivalent to `border-left-radius: 9999px;`.\n",
             "commentRange": {
@@ -30455,23 +30083,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": [
@@ -30495,8 +30123,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": [
@@ -30526,8 +30154,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": [
@@ -30557,8 +30185,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": [
@@ -30588,8 +30216,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": [
@@ -30619,8 +30247,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": [
@@ -30650,8 +30278,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": [
@@ -30681,8 +30309,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": [
@@ -30712,8 +30340,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": [
@@ -30743,8 +30371,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": [
@@ -30774,8 +30402,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": [
@@ -30805,8 +30433,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": [
@@ -30836,8 +30464,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": [
@@ -30867,8 +30495,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": [
@@ -30898,8 +30526,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": [
@@ -30929,8 +30557,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": [
@@ -30960,8 +30588,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": [
@@ -30991,8 +30619,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": [
@@ -31022,8 +30650,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": [
@@ -31053,8 +30681,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": [
@@ -31084,8 +30712,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": [
@@ -31115,8 +30743,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": [
@@ -31146,8 +30774,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": [
@@ -31177,8 +30805,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": [
@@ -31208,8 +30836,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": [
@@ -31239,8 +30867,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": [
@@ -31270,8 +30898,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": [
@@ -31301,8 +30929,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": [
@@ -31332,8 +30960,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": [
@@ -31363,8 +30991,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": [
@@ -31394,8 +31022,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": [
@@ -31425,8 +31053,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": [
@@ -31456,8 +31084,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": [
@@ -31487,8 +31115,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": [
@@ -31518,8 +31146,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": [
@@ -31538,192 +31166,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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/border/_outline-color.scss",
-                "name": "_outline-color.scss"
-            }
-        },
         {
             "description": "This is equivalent to `outline-offset: 8px;`.\n",
             "commentRange": {
@@ -39832,14 +39274,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"
             },
@@ -39870,8 +39312,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": [
@@ -39901,8 +39343,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": [
@@ -39932,8 +39374,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": [
@@ -39963,8 +39405,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": [
@@ -39994,8 +39436,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": [
@@ -40025,8 +39467,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": [
@@ -40056,8 +39498,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": [
@@ -40087,8 +39529,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": [
@@ -40118,8 +39560,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": [
@@ -40149,8 +39591,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": [
@@ -40180,8 +39622,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": [
@@ -40211,8 +39653,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": [
@@ -40242,8 +39684,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": [
@@ -40273,8 +39715,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": [
@@ -40304,8 +39746,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": [
@@ -40335,8 +39777,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": [
@@ -40366,8 +39808,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": [
@@ -40397,8 +39839,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": [
@@ -40428,8 +39870,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": [
@@ -40459,8 +39901,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": [
@@ -40490,8 +39932,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": [
@@ -40521,8 +39963,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": [
@@ -40552,8 +39994,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": [
@@ -40583,8 +40025,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": [
@@ -40614,8 +40056,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": [
@@ -40645,8 +40087,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": [
@@ -40676,8 +40118,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": [
@@ -40707,8 +40149,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": [
@@ -40738,8 +40180,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": [
@@ -40769,8 +40211,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": [
@@ -40790,204 +40232,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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": "utils/scss/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": [
@@ -41009,16 +40265,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": [
@@ -41040,16 +40296,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": [
@@ -41071,16 +40327,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": [