@progress/kendo-theme-fluent 10.1.0-dev.5 → 10.1.0-dev.6

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

@@ -14533,7 +14533,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-hover-image",
-            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-hover-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#323130' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
             "scope": "default",
             "line": {
                 "start": 171,
@@ -14558,7 +14558,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-checked-image",
-            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#ffffff' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
             "scope": "default",
             "line": {
                 "start": 174,
@@ -14583,7 +14583,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-indeterminate-image",
-            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#{$kendo-checkbox-indeterminate-text}'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#0078d4'/></svg>\") )",
             "scope": "default",
             "line": {
                 "start": 177,
@@ -14608,7 +14608,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-hover-checked-image",
-            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-hover-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#ffffff' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
             "scope": "default",
             "line": {
                 "start": 180,
@@ -14633,7 +14633,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-hover-indeterminate-image",
-            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#{$kendo-checkbox-hover-indeterminate-text}'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#106ebe'/></svg>\") )",
             "scope": "default",
             "line": {
                 "start": 183,
@@ -14658,7 +14658,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-disabled-checked-image",
-            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-disabled-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#ffffff' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>\") )",
             "scope": "default",
             "line": {
                 "start": 186,
@@ -14683,7 +14683,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-disabled-indeterminate-image",
-            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#{$kendo-checkbox-disabled-indeterminate-text}'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='3' y='3' width='10' height='10' rx='2' fill='#323130'/></svg>\") )",
             "scope": "default",
             "line": {
                 "start": 189,
@@ -37844,19 +37844,44 @@
         }
     },
     {
-        "description": "The sizes map for the Input components.\n",
+        "description": "The calculated height of the Input.\n",
         "commentRange": {
             "start": 452,
             "end": 453
         },
+        "context": {
+            "type": "variable",
+            "name": "kendo-input-calc-size",
+            "value": "calc( ( #{$kendo-input-md-line-height} * 1em ) + ( #{$kendo-input-md-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) )",
+            "scope": "default",
+            "line": {
+                "start": 454,
+                "end": 454
+            }
+        },
+        "group": [
+            "input"
+        ],
+        "access": "public",
+        "file": {
+            "path": "input/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The sizes map for the Input components.\n",
+        "commentRange": {
+            "start": 459,
+            "end": 460
+        },
         "context": {
             "type": "variable",
             "name": "kendo-input-sizes",
             "value": "(\n    sm: (\n        padding-x: $kendo-input-sm-padding-x,\n        padding-y: $kendo-input-sm-padding-y,\n        font-size: $kendo-input-sm-font-size,\n        line-height: $kendo-input-sm-line-height,\n        icon-size: calc( var( --kendo-icon-size, 1rem ) + calc( #{$kendo-input-md-padding-y} * 2 ) ),\n        button-padding-x: $kendo-input-sm-padding-y,\n        button-padding-y: $kendo-input-sm-padding-y,\n        button-width: $kendo-input-sm-button-width\n    ),\n    md: (\n        padding-x: $kendo-input-md-padding-x,\n        padding-y: $kendo-input-md-padding-y,\n        font-size: $kendo-input-md-font-size,\n        line-height: $kendo-input-md-line-height,\n        icon-size: calc( var( --kendo-icon-size, 1rem ) + calc( #{$kendo-input-sm-padding-y} * 2 ) ),\n        button-padding-x: $kendo-input-md-padding-y,\n        button-padding-y: $kendo-input-md-padding-y,\n        button-width: $kendo-input-md-button-width\n    ),\n    lg: (\n        padding-x: $kendo-input-lg-padding-x,\n        padding-y: $kendo-input-lg-padding-y,\n        font-size: $kendo-input-lg-font-size,\n        line-height: $kendo-input-lg-line-height,\n        icon-size: calc( var( --kendo-icon-size, 1rem ) + calc( #{$kendo-input-lg-padding-y} * 2 ) ),\n        button-padding-x: $kendo-input-lg-padding-y,\n        button-padding-y: $kendo-input-lg-padding-y,\n        button-width: $kendo-input-lg-button-width\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 454,
-                "end": 485
+                "start": 461,
+                "end": 492
             }
         },
         "group": [
@@ -37871,8 +37896,8 @@
     {
         "description": "Colors map of the input.\n",
         "commentRange": {
-            "start": 487,
-            "end": 488
+            "start": 494,
+            "end": 495
         },
         "context": {
             "type": "variable",
@@ -37880,8 +37905,8 @@
             "value": "(\n    input: (\n        solid: (\n            text: $kendo-input-solid-text,\n            bg: $kendo-input-solid-bg,\n            border: $kendo-input-solid-border,\n            hover-text: $kendo-input-solid-hover-text,\n            hover-bg: $kendo-input-solid-hover-bg,\n            hover-border: $kendo-input-solid-hover-border,\n            focus-text: $kendo-input-solid-focus-text,\n            focus-bg: $kendo-input-solid-focus-bg,\n            focus-border: $kendo-input-solid-focus-border,\n            hover-focus-text: $kendo-input-solid-hover-focus-text,\n            hover-focus-bg: $kendo-input-solid-hover-focus-bg,\n            hover-focus-border: $kendo-input-solid-hover-focus-border,\n            disabled-text: $kendo-input-solid-disabled-text,\n            disabled-bg: $kendo-input-solid-disabled-bg,\n            disabled-border: $kendo-input-solid-disabled-border\n        ),\n        outline: (\n            text: $kendo-input-outline-text,\n            bg: $kendo-input-outline-bg,\n            border: $kendo-input-outline-border,\n            hover-text: $kendo-input-outline-hover-text,\n            hover-bg: $kendo-input-outline-hover-bg,\n            hover-border: $kendo-input-outline-hover-border,\n            focus-text: $kendo-input-outline-focus-text,\n            focus-bg: $kendo-input-outline-focus-bg,\n            focus-border: $kendo-input-outline-focus-border,\n            hover-focus-text: $kendo-input-outline-hover-focus-text,\n            hover-focus-bg: $kendo-input-outline-hover-focus-bg,\n            hover-focus-border: $kendo-input-outline-hover-focus-border,\n            disabled-text: $kendo-input-outline-disabled-text,\n            disabled-bg: $kendo-input-outline-disabled-bg,\n            disabled-border: $kendo-input-outline-disabled-border\n        ),\n        flat: (\n            text: $kendo-input-flat-text,\n            bg: $kendo-input-flat-bg,\n            border: $kendo-input-flat-border,\n            hover-text: $kendo-input-flat-hover-text,\n            hover-bg: $kendo-input-flat-hover-bg,\n            hover-border: $kendo-input-flat-hover-border,\n            focus-text: $kendo-input-flat-focus-text,\n            focus-bg: $kendo-input-flat-focus-bg,\n            focus-border: $kendo-input-flat-focus-border,\n            hover-focus-tex: $kendo-input-flat-hover-focus-text,\n            hover-focus-bg: $kendo-input-flat-hover-focus-bg,\n            hover-focus-border: $kendo-input-flat-hover-focus-border,\n            disabled-text: $kendo-input-flat-disabled-text,\n            disabled-bg: $kendo-input-flat-disabled-bg,\n            disabled-border: $kendo-input-flat-disabled-border\n        )\n    ),\n    picker: (\n        solid: (\n            text: $kendo-picker-solid-text,\n            bg: $kendo-picker-solid-bg,\n            border: $kendo-picker-solid-border,\n            hover-text: $kendo-picker-solid-hover-text,\n            hover-bg: $kendo-picker-solid-hover-bg,\n            hover-border: $kendo-picker-solid-hover-border,\n            focus-text: $kendo-picker-solid-focus-text,\n            focus-bg: $kendo-picker-solid-focus-bg,\n            focus-border: $kendo-picker-solid-focus-border,\n            hover-focus-tex: $kendo-picker-solid-hover-focus-text,\n            hover-focus-bg: $kendo-picker-solid-hover-focus-bg,\n            hover-focus-border: $kendo-picker-solid-hover-focus-border,\n            disabled-text: $kendo-picker-solid-disabled-text,\n            disabled-bg: $kendo-picker-solid-disabled-bg,\n            disabled-border: $kendo-picker-solid-disabled-border\n        ),\n        outline: (\n            text: $kendo-picker-outline-text,\n            bg: $kendo-picker-outline-bg,\n            border: $kendo-picker-outline-border,\n            hover-text: $kendo-picker-outline-hover-text,\n            hover-bg: $kendo-picker-outline-hover-bg,\n            hover-border: $kendo-picker-outline-hover-border,\n            focus-text: $kendo-picker-outline-focus-text,\n            focus-bg: $kendo-picker-outline-focus-bg,\n            focus-border: $kendo-picker-outline-focus-border,\n            hover-focus-text: $kendo-picker-outline-hover-focus-text,\n            hover-focus-bg: $kendo-picker-outline-hover-focus-bg,\n            hover-focus-border: $kendo-picker-outline-hover-focus-border,\n            disabled-text: $kendo-picker-outline-disabled-text,\n            disabled-bg: $kendo-picker-outline-disabled-bg,\n            disabled-border: $kendo-picker-outline-disabled-border\n        ),\n        flat: (\n            text: $kendo-picker-flat-text,\n            bg: $kendo-picker-flat-bg,\n            border: $kendo-picker-flat-border,\n            hover-text: $kendo-picker-flat-hover-text,\n            hover-bg: $kendo-picker-flat-hover-bg,\n            hover-border: $kendo-picker-flat-hover-border,\n            focus-text: $kendo-picker-flat-focus-text,\n            focus-bg: $kendo-picker-flat-focus-bg,\n            focus-border: $kendo-picker-flat-focus-border,\n            hover-focus-tex: $kendo-picker-flat-hover-focus-text,\n            hover-focus-bg: $kendo-picker-flat-hover-focus-bg,\n            hover-focus-border: $kendo-picker-flat-hover-focus-border,\n            disabled-text: $kendo-picker-flat-disabled-text,\n            disabled-bg: $kendo-picker-flat-disabled-bg,\n            disabled-border: $kendo-picker-flat-disabled-border\n        )\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 489,
-                "end": 596
+                "start": 496,
+                "end": 603
             }
         },
         "group": [
@@ -37896,8 +37921,8 @@
     {
         "description": "The background color of the Input prefix.\n",
         "commentRange": {
-            "start": 598,
-            "end": 599
+            "start": 605,
+            "end": 606
         },
         "context": {
             "type": "variable",
@@ -37905,8 +37930,8 @@
             "value": "if($kendo-enable-color-system, k-color( base-subtle ), k-get-theme-color-var( neutral-20 ))",
             "scope": "default",
             "line": {
-                "start": 600,
-                "end": 600
+                "start": 607,
+                "end": 607
             }
         },
         "group": [
@@ -37921,8 +37946,8 @@
     {
         "description": "The background color of the Input suffix.\n",
         "commentRange": {
-            "start": 602,
-            "end": 603
+            "start": 609,
+            "end": 610
         },
         "context": {
             "type": "variable",
@@ -37930,8 +37955,8 @@
             "value": "if($kendo-enable-color-system, k-color( base-subtle ), k-get-theme-color-var( neutral-20 ))",
             "scope": "default",
             "line": {
-                "start": 604,
-                "end": 604
+                "start": 611,
+                "end": 611
             }
         },
         "group": [
@@ -37946,8 +37971,8 @@
     {
         "description": "The color of the Input separator.\n",
         "commentRange": {
-            "start": 606,
-            "end": 607
+            "start": 613,
+            "end": 614
         },
         "context": {
             "type": "variable",
@@ -37955,8 +37980,8 @@
             "value": "k-get-theme-color-var( neutral-30 )",
             "scope": "default",
             "line": {
-                "start": 608,
-                "end": 608
+                "start": 615,
+                "end": 615
             }
         },
         "group": [
@@ -37971,8 +37996,8 @@
     {
         "description": "The text color of the Input prefix.\n",
         "commentRange": {
-            "start": 610,
-            "end": 611
+            "start": 617,
+            "end": 618
         },
         "context": {
             "type": "variable",
@@ -37980,8 +38005,8 @@
             "value": "k-get-theme-color-var( neutral-130 )",
             "scope": "default",
             "line": {
-                "start": 612,
-                "end": 612
+                "start": 619,
+                "end": 619
             }
         },
         "group": [
@@ -37996,8 +38021,8 @@
     {
         "description": "The text color of the Input suffix.\n",
         "commentRange": {
-            "start": 613,
-            "end": 614
+            "start": 620,
+            "end": 621
         },
         "context": {
             "type": "variable",
@@ -38005,8 +38030,8 @@
             "value": "k-get-theme-color-var( neutral-130 )",
             "scope": "default",
             "line": {
-                "start": 615,
-                "end": 615
+                "start": 622,
+                "end": 622
             }
         },
         "group": [
@@ -38021,8 +38046,8 @@
     {
         "description": "The text color of the disabled Input prefix.\n",
         "commentRange": {
-            "start": 617,
-            "end": 618
+            "start": 624,
+            "end": 625
         },
         "context": {
             "type": "variable",
@@ -38030,8 +38055,8 @@
             "value": "k-get-theme-color-var( neutral-60 )",
             "scope": "default",
             "line": {
-                "start": 619,
-                "end": 619
+                "start": 626,
+                "end": 626
             }
         },
         "group": [
@@ -38046,8 +38071,8 @@
     {
         "description": "The text color of the disabled Input suffix.\n",
         "commentRange": {
-            "start": 620,
-            "end": 621
+            "start": 627,
+            "end": 628
         },
         "context": {
             "type": "variable",
@@ -38055,8 +38080,8 @@
             "value": "k-get-theme-color-var( neutral-60 )",
             "scope": "default",
             "line": {
-                "start": 622,
-                "end": 622
+                "start": 629,
+                "end": 629
             }
         },
         "group": [
@@ -38071,8 +38096,8 @@
     {
         "description": "The border color of the invalid Input components.\n",
         "commentRange": {
-            "start": 624,
-            "end": 625
+            "start": 631,
+            "end": 632
         },
         "context": {
             "type": "variable",
@@ -38080,8 +38105,8 @@
             "value": "var( --kendo-invalid-border, #{$kendo-invalid-border} )",
             "scope": "default",
             "line": {
-                "start": 626,
-                "end": 626
+                "start": 633,
+                "end": 633
             }
         },
         "group": [
@@ -38096,8 +38121,8 @@
     {
         "description": "The text color of the invalid Input components.\n",
         "commentRange": {
-            "start": 627,
-            "end": 628
+            "start": 634,
+            "end": 635
         },
         "context": {
             "type": "variable",
@@ -38105,8 +38130,8 @@
             "value": "var( --kendo-invalid-text, #{$kendo-invalid-text} )",
             "scope": "default",
             "line": {
-                "start": 629,
-                "end": 629
+                "start": 636,
+                "end": 636
             }
         },
         "group": [
@@ -38121,8 +38146,8 @@
     {
         "description": "The text color of the Input placeholder.\n",
         "commentRange": {
-            "start": 637,
-            "end": 638
+            "start": 644,
+            "end": 645
         },
         "context": {
             "type": "variable",
@@ -38130,8 +38155,8 @@
             "value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
             "scope": "default",
             "line": {
-                "start": 639,
-                "end": 639
+                "start": 646,
+                "end": 646
             }
         },
         "group": [
@@ -38146,8 +38171,8 @@
     {
         "description": "The opacity of the Input placeholder.\n",
         "commentRange": {
-            "start": 640,
-            "end": 641
+            "start": 647,
+            "end": 648
         },
         "context": {
             "type": "variable",
@@ -38155,8 +38180,8 @@
             "value": "1",
             "scope": "default",
             "line": {
-                "start": 642,
-                "end": 642
+                "start": 649,
+                "end": 649
             }
         },
         "group": [
@@ -38171,8 +38196,8 @@
     {
         "description": "The color of the Input clear value icon.\n",
         "commentRange": {
-            "start": 644,
-            "end": 645
+            "start": 651,
+            "end": 652
         },
         "context": {
             "type": "variable",
@@ -38180,8 +38205,8 @@
             "value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
             "scope": "default",
             "line": {
-                "start": 646,
-                "end": 646
+                "start": 653,
+                "end": 653
             }
         },
         "group": [
@@ -38196,8 +38221,8 @@
     {
         "description": "The opacity of the Input clear value icon.\n",
         "commentRange": {
-            "start": 647,
-            "end": 648
+            "start": 654,
+            "end": 655
         },
         "context": {
             "type": "variable",
@@ -38205,8 +38230,8 @@
             "value": ".6",
             "scope": "default",
             "line": {
-                "start": 649,
-                "end": 649
+                "start": 656,
+                "end": 656
             }
         },
         "group": [
@@ -38221,8 +38246,8 @@
     {
         "description": "The color of the hovered Input clear value icon.\n",
         "commentRange": {
-            "start": 650,
-            "end": 651
+            "start": 657,
+            "end": 658
         },
         "context": {
             "type": "variable",
@@ -38230,8 +38255,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 652,
-                "end": 652
+                "start": 659,
+                "end": 659
             }
         },
         "group": [
@@ -38246,8 +38271,8 @@
     {
         "description": "The opacity of the hovered Input clear value icon.\n",
         "commentRange": {
-            "start": 653,
-            "end": 654
+            "start": 660,
+            "end": 661
         },
         "context": {
             "type": "variable",
@@ -38255,8 +38280,8 @@
             "value": "1",
             "scope": "default",
             "line": {
-                "start": 655,
-                "end": 655
+                "start": 662,
+                "end": 662
             }
         },
         "group": [
@@ -45193,6 +45218,306 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The gap between the items in the OTP.\n",
+        "commentRange": {
+            "start": 6,
+            "end": 7
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-gap",
+            "value": "k-spacing(1.5)",
+            "scope": "default",
+            "line": {
+                "start": 8,
+                "end": 8
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The gap between the items in the small OTP.\n",
+        "commentRange": {
+            "start": 9,
+            "end": 10
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-sm-gap",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 11,
+                "end": 11
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The gap between the items in the medium OTP.\n",
+        "commentRange": {
+            "start": 12,
+            "end": 13
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-md-gap",
+            "value": "$kendo-otp-gap",
+            "scope": "default",
+            "line": {
+                "start": 14,
+                "end": 14
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The gap between the items in the large OTP.\n",
+        "commentRange": {
+            "start": 15,
+            "end": 16
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-lg-gap",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 17,
+                "end": 17
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the OTP separator.\n",
+        "commentRange": {
+            "start": 19,
+            "end": 20
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-separator-padding-x",
+            "value": "$kendo-otp-gap",
+            "scope": "default",
+            "line": {
+                "start": 21,
+                "end": 21
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the small OTP separator.\n",
+        "commentRange": {
+            "start": 22,
+            "end": 23
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-sm-separator-padding-x",
+            "value": "$kendo-otp-sm-gap",
+            "scope": "default",
+            "line": {
+                "start": 24,
+                "end": 24
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the medium OTP separator.\n",
+        "commentRange": {
+            "start": 25,
+            "end": 26
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-md-separator-padding-x",
+            "value": "$kendo-otp-separator-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 27,
+                "end": 27
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the large OTP separator.\n",
+        "commentRange": {
+            "start": 28,
+            "end": 29
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-lg-separator-padding-x",
+            "value": "$kendo-otp-lg-gap",
+            "scope": "default",
+            "line": {
+                "start": 30,
+                "end": 30
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the OTP separator.\n",
+        "commentRange": {
+            "start": 32,
+            "end": 33
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-input-width",
+            "value": "$kendo-input-calc-size",
+            "scope": "default",
+            "line": {
+                "start": 34,
+                "end": 34
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the small OTP separator.\n",
+        "commentRange": {
+            "start": 35,
+            "end": 36
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-sm-input-width",
+            "value": "$kendo-input-sm-calc-size",
+            "scope": "default",
+            "line": {
+                "start": 37,
+                "end": 37
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the medium OTP separator.\n",
+        "commentRange": {
+            "start": 38,
+            "end": 39
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-md-input-width",
+            "value": "$kendo-otp-input-width",
+            "scope": "default",
+            "line": {
+                "start": 40,
+                "end": 40
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the large OTP separator.\n",
+        "commentRange": {
+            "start": 41,
+            "end": 42
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-otp-lg-input-width",
+            "value": "$kendo-input-lg-calc-size",
+            "scope": "default",
+            "line": {
+                "start": 43,
+                "end": 43
+            }
+        },
+        "group": [
+            "one-time-password"
+        ],
+        "access": "public",
+        "file": {
+            "path": "otp/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The spacing index of the OrgChart.\n",
         "commentRange": {
@@ -55477,7 +55802,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-radio-checked-image",
-            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><circle cx='50%' cy='50%' r='4' fill='#{$kendo-radio-checked-text}'/></svg>\") )",
+            "value": "k-escape-svg( url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><circle cx='50%' cy='50%' r='4' fill='#0078d4'/></svg>\") )",
             "scope": "default",
             "line": {
                 "start": 143,
@@ -67793,11 +68118,161 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The font size of the small TabStrip.\n",
+        "commentRange": {
+            "start": 38,
+            "end": 39
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-sm-font-size",
+            "value": "$kendo-tabstrip-font-size",
+            "scope": "default",
+            "line": {
+                "start": 40,
+                "end": 40
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the small TabStrip.\n",
+        "commentRange": {
+            "start": 41,
+            "end": 42
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-sm-line-height",
+            "value": "$kendo-tabstrip-line-height",
+            "scope": "default",
+            "line": {
+                "start": 43,
+                "end": 43
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the medium TabStrip.\n",
+        "commentRange": {
+            "start": 44,
+            "end": 45
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-md-font-size",
+            "value": "$kendo-tabstrip-font-size",
+            "scope": "default",
+            "line": {
+                "start": 46,
+                "end": 46
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the medium TabStrip.\n",
+        "commentRange": {
+            "start": 47,
+            "end": 48
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-md-line-height",
+            "value": "$kendo-tabstrip-line-height",
+            "scope": "default",
+            "line": {
+                "start": 49,
+                "end": 49
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the large TabStrip.\n",
+        "commentRange": {
+            "start": 50,
+            "end": 51
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-lg-font-size",
+            "value": "$kendo-tabstrip-font-size",
+            "scope": "default",
+            "line": {
+                "start": 52,
+                "end": 52
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the large TabStrip.\n",
+        "commentRange": {
+            "start": 53,
+            "end": 54
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-lg-line-height",
+            "value": "$kendo-tabstrip-line-height",
+            "scope": "default",
+            "line": {
+                "start": 55,
+                "end": 55
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The background color of the TabStrip.\n",
         "commentRange": {
-            "start": 37,
-            "end": 38
+            "start": 57,
+            "end": 58
         },
         "context": {
             "type": "variable",
@@ -67805,8 +68280,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 39,
-                "end": 39
+                "start": 59,
+                "end": 59
             }
         },
         "group": [
@@ -67821,8 +68296,8 @@
     {
         "description": "The text color of the TabStrip.\n",
         "commentRange": {
-            "start": 40,
-            "end": 41
+            "start": 60,
+            "end": 61
         },
         "context": {
             "type": "variable",
@@ -67830,8 +68305,8 @@
             "value": "var( --kendo-component-text, initial )",
             "scope": "default",
             "line": {
-                "start": 42,
-                "end": 42
+                "start": 62,
+                "end": 62
             }
         },
         "group": [
@@ -67846,8 +68321,8 @@
     {
         "description": "The border color of the TabStrip.\n",
         "commentRange": {
-            "start": 43,
-            "end": 44
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -67855,8 +68330,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 45,
-                "end": 45
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -67871,8 +68346,8 @@
     {
         "description": "The horizontal padding of the TabStrip items.\n",
         "commentRange": {
-            "start": 47,
-            "end": 48
+            "start": 67,
+            "end": 68
         },
         "context": {
             "type": "variable",
@@ -67880,8 +68355,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 49,
-                "end": 49
+                "start": 69,
+                "end": 69
             }
         },
         "group": [
@@ -67896,17 +68371,17 @@
     {
         "description": "The vertical padding of the TabStrip items.\n",
         "commentRange": {
-            "start": 50,
-            "end": 51
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-padding-y",
-            "value": "calc( #{k-spacing(2)} + #{k-spacing(1)} )",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 52,
-                "end": 52
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -67921,8 +68396,8 @@
     {
         "description": "The border width around the TabStrip items.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -67930,8 +68405,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -67946,8 +68421,8 @@
     {
         "description": "The border radius of the TabStrip items.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
@@ -67955,8 +68430,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -67971,8 +68446,8 @@
     {
         "description": "The gap between the TabStrip items.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 79,
+            "end": 80
         },
         "context": {
             "type": "variable",
@@ -67980,8 +68455,158 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 81,
+                "end": 81
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the small TabStrip items.\n",
+        "commentRange": {
+            "start": 83,
+            "end": 84
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-sm-item-padding-x",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 85,
+                "end": 85
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the small TabStrip items.\n",
+        "commentRange": {
+            "start": 86,
+            "end": 87
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-sm-item-padding-y",
+            "value": "k-spacing(2.5)",
+            "scope": "default",
+            "line": {
+                "start": 88,
+                "end": 88
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the medium TabStrip items.\n",
+        "commentRange": {
+            "start": 89,
+            "end": 90
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-md-item-padding-x",
+            "value": "$kendo-tabstrip-item-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 91,
+                "end": 91
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the medium TabStrip items.\n",
+        "commentRange": {
+            "start": 92,
+            "end": 93
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-md-item-padding-y",
+            "value": "$kendo-tabstrip-item-padding-y",
+            "scope": "default",
+            "line": {
+                "start": 94,
+                "end": 94
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the large TabStrip items.\n",
+        "commentRange": {
+            "start": 95,
+            "end": 96
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-lg-item-padding-x",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 97,
+                "end": 97
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the large TabStrip items.\n",
+        "commentRange": {
+            "start": 98,
+            "end": 99
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-lg-item-padding-y",
+            "value": "k-spacing(3.5)",
+            "scope": "default",
+            "line": {
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -67996,8 +68621,8 @@
     {
         "description": " The background color of the TabStrip items.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
@@ -68005,8 +68630,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -68021,8 +68646,8 @@
     {
         "description": "The text color of the TabStrip items.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 105,
+            "end": 106
         },
         "context": {
             "type": "variable",
@@ -68030,8 +68655,8 @@
             "value": "var( --kendo-component-text, initial )",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 107,
+                "end": 107
             }
         },
         "group": [
@@ -68046,8 +68671,8 @@
     {
         "description": "The border color of the TabStrip items.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
@@ -68055,8 +68680,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -68071,8 +68696,8 @@
     {
         "description": "The text color of the disabled TabStrip items.\n",
         "commentRange": {
-            "start": 71,
-            "end": 72
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
@@ -68080,8 +68705,8 @@
             "value": "var( --kendo-disabled-text, initial )",
             "scope": "default",
             "line": {
-                "start": 73,
-                "end": 73
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -68096,8 +68721,8 @@
     {
         "description": "The background color of the disabled TabStrip items.\n",
         "commentRange": {
-            "start": 74,
-            "end": 75
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -68105,8 +68730,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 76,
-                "end": 76
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -68121,8 +68746,8 @@
     {
         "description": "The border color of the disabled TabStrip items.\n",
         "commentRange": {
-            "start": 77,
-            "end": 78
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -68130,8 +68755,8 @@
             "value": "var( --kendo-disabled-border, initial )",
             "scope": "default",
             "line": {
-                "start": 79,
-                "end": 79
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -68146,8 +68771,8 @@
     {
         "description": "The opacity of the disabled TabStrip items.\n",
         "commentRange": {
-            "start": 80,
-            "end": 81
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -68155,8 +68780,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 82,
-                "end": 82
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -68171,8 +68796,8 @@
     {
         "description": "The filter of the disabled TabStrip items.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 123,
+            "end": 124
         },
         "context": {
             "type": "variable",
@@ -68180,8 +68805,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 125,
+                "end": 125
             }
         },
         "group": [
@@ -68196,8 +68821,8 @@
     {
         "description": "The background color of the hovered TabStrip items.\n",
         "commentRange": {
-            "start": 87,
-            "end": 88
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -68205,8 +68830,8 @@
             "value": "var( --kendo-hover-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 89,
-                "end": 89
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -68221,8 +68846,8 @@
     {
         "description": "The text color of the hovered TabStrip items.\n",
         "commentRange": {
-            "start": 90,
-            "end": 91
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -68230,8 +68855,8 @@
             "value": "var( --kendo-hover-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -68246,8 +68871,8 @@
     {
         "description": "The border color of the hovered TabStrip items.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -68255,8 +68880,8 @@
             "value": "var( --kendo-hover-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -68271,8 +68896,8 @@
     {
         "description": "The background color of the selected TabStrip items.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 136,
+            "end": 137
         },
         "context": {
             "type": "variable",
@@ -68280,8 +68905,8 @@
             "value": "var( --kendo-component-bg, transparent )",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 138,
+                "end": 138
             }
         },
         "group": [
@@ -68296,8 +68921,8 @@
     {
         "description": "The text color of the selected TabStrip items.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 139,
+            "end": 140
         },
         "context": {
             "type": "variable",
@@ -68305,8 +68930,8 @@
             "value": "if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-190 ))",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 141,
+                "end": 141
             }
         },
         "group": [
@@ -68321,8 +68946,8 @@
     {
         "description": "The border color of the selected TabStrip items.\n",
         "commentRange": {
-            "start": 102,
-            "end": 103
+            "start": 142,
+            "end": 143
         },
         "context": {
             "type": "variable",
@@ -68330,8 +68955,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 104,
-                "end": 104
+                "start": 144,
+                "end": 144
             }
         },
         "group": [
@@ -68346,8 +68971,8 @@
     {
         "description": "The font weight of the selected TabStrip items.\n",
         "commentRange": {
-            "start": 105,
-            "end": 106
+            "start": 145,
+            "end": 146
         },
         "context": {
             "type": "variable",
@@ -68355,8 +68980,8 @@
             "value": "var( --kendo-font-weight-bold, normal )",
             "scope": "default",
             "line": {
-                "start": 107,
-                "end": 107
+                "start": 147,
+                "end": 147
             }
         },
         "group": [
@@ -68371,8 +68996,8 @@
     {
         "description": "The shadow of the focused TabStrip items.\n",
         "commentRange": {
-            "start": 108,
-            "end": 109
+            "start": 148,
+            "end": 149
         },
         "context": {
             "type": "variable",
@@ -68380,8 +69005,8 @@
             "value": "$kendo-list-item-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 110,
-                "end": 110
+                "start": 150,
+                "end": 150
             }
         },
         "group": [
@@ -68396,8 +69021,8 @@
     {
         "description": "The text color of the dragged TabStrip items.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 151,
+            "end": 152
         },
         "context": {
             "type": "variable",
@@ -68405,8 +69030,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 153,
+                "end": 153
             }
         },
         "group": [
@@ -68421,8 +69046,8 @@
     {
         "description": "The border width of the TabStrip indicator.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 156,
+            "end": 157
         },
         "context": {
             "type": "variable",
@@ -68430,8 +69055,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 158,
+                "end": 158
             }
         },
         "group": [
@@ -68446,8 +69071,8 @@
     {
         "description": "The border color of the TabStrip ripple.\n",
         "commentRange": {
-            "start": 119,
-            "end": 120
+            "start": 159,
+            "end": 160
         },
         "context": {
             "type": "variable",
@@ -68455,8 +69080,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 121,
-                "end": 121
+                "start": 161,
+                "end": 161
             }
         },
         "group": [
@@ -68471,8 +69096,8 @@
     {
         "description": "The horizontal padding of the TabStrip content.\n",
         "commentRange": {
-            "start": 123,
-            "end": 124
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -68480,8 +69105,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 125,
-                "end": 125
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -68496,8 +69121,8 @@
     {
         "description": "The vertical padding of the TabStrip content.\n",
         "commentRange": {
-            "start": 126,
-            "end": 127
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -68505,8 +69130,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 128,
-                "end": 128
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -68521,8 +69146,8 @@
     {
         "description": "The border width around the TabStrip content.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 169,
+            "end": 170
         },
         "context": {
             "type": "variable",
@@ -68530,8 +69155,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 171,
+                "end": 171
             }
         },
         "group": [
@@ -68546,8 +69171,8 @@
     {
         "description": "The background color of the TabStrip content.\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -68555,8 +69180,8 @@
             "value": "var( --kendo-component-bg, transparent )",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -68571,8 +69196,8 @@
     {
         "description": "The text color of the TabStrip content.\n",
         "commentRange": {
-            "start": 136,
-            "end": 137
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -68580,8 +69205,8 @@
             "value": "var( --kendo-component-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -68596,8 +69221,8 @@
     {
         "description": "The border color of the TabStrip content.\n",
         "commentRange": {
-            "start": 139,
-            "end": 140
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -68605,8 +69230,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 141,
-                "end": 141
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -68621,8 +69246,8 @@
     {
         "description": "The border color of the focused TabStrip content.\n",
         "commentRange": {
-            "start": 142,
-            "end": 143
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
@@ -68630,8 +69255,8 @@
             "value": "var( --kendo-component-text, initial )",
             "scope": "default",
             "line": {
-                "start": 144,
-                "end": 144
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -68646,8 +69271,8 @@
     {
         "description": "The horizontal button padding of the scrollable TabStrip.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 186,
+            "end": 187
         },
         "context": {
             "type": "variable",
@@ -68655,8 +69280,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 188,
+                "end": 188
             }
         },
         "group": [
@@ -68671,8 +69296,8 @@
     {
         "description": "",
         "commentRange": {
-            "start": 150,
-            "end": 150
+            "start": 190,
+            "end": 190
         },
         "context": {
             "type": "variable",
@@ -68680,8 +69305,58 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 191,
+                "end": 191
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The left and right scroll overlay of the TabStrip.\n",
+        "commentRange": {
+            "start": 193,
+            "end": 194
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-scroll-overlay",
+            "value": "if($kendo-enable-color-system, k-color( app-surface ), rgba( $kendo-color-white, 0)), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0))",
+            "scope": "default",
+            "line": {
+                "start": 195,
+                "end": 195
+            }
+        },
+        "group": [
+            "tabstrip"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tabstrip/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The size map of the TabStrip.\n",
+        "commentRange": {
+            "start": 197,
+            "end": 198
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tabstrip-sizes",
+            "value": "(\n    sm: (\n        font-size: $kendo-tabstrip-sm-font-size,\n        line-height: $kendo-tabstrip-sm-line-height,\n        item-padding-x: $kendo-tabstrip-sm-item-padding-x,\n        item-padding-y: $kendo-tabstrip-sm-item-padding-y\n    ),\n    md: (\n        font-size: $kendo-tabstrip-md-font-size,\n        line-height: $kendo-tabstrip-md-line-height,\n        item-padding-x: $kendo-tabstrip-md-item-padding-x,\n        item-padding-y: $kendo-tabstrip-md-item-padding-y\n    ),\n    lg: (\n        font-size: $kendo-tabstrip-lg-font-size,\n        line-height: $kendo-tabstrip-lg-line-height,\n        item-padding-x: $kendo-tabstrip-lg-item-padding-x,\n        item-padding-y: $kendo-tabstrip-lg-item-padding-y\n    )\n)",
+            "scope": "default",
+            "line": {
+                "start": 199,
+                "end": 218
             }
         },
         "group": [
@@ -72771,8 +73446,8 @@
     {
         "description": "The horizontal padding of the small Toolbar.\n",
         "commentRange": {
-            "start": 4,
-            "end": 5
+            "start": 5,
+            "end": 6
         },
         "context": {
             "type": "variable",
@@ -72780,8 +73455,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 6,
-                "end": 6
+                "start": 7,
+                "end": 7
             }
         },
         "group": [
@@ -72796,8 +73471,8 @@
     {
         "description": "The horizontal padding of the medium Toolbar.\n",
         "commentRange": {
-            "start": 7,
-            "end": 8
+            "start": 8,
+            "end": 9
         },
         "context": {
             "type": "variable",
@@ -72805,8 +73480,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 9,
-                "end": 9
+                "start": 10,
+                "end": 10
             }
         },
         "group": [
@@ -72821,8 +73496,8 @@
     {
         "description": "The horizontal padding of the large Toolbar.\n",
         "commentRange": {
-            "start": 10,
-            "end": 11
+            "start": 11,
+            "end": 12
         },
         "context": {
             "type": "variable",
@@ -72830,8 +73505,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 12,
-                "end": 12
+                "start": 13,
+                "end": 13
             }
         },
         "group": [
@@ -72846,8 +73521,8 @@
     {
         "description": "The vertical padding of the small Toolbar.\n",
         "commentRange": {
-            "start": 14,
-            "end": 15
+            "start": 15,
+            "end": 16
         },
         "context": {
             "type": "variable",
@@ -72855,8 +73530,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 17,
+                "end": 17
             }
         },
         "group": [
@@ -72871,8 +73546,8 @@
     {
         "description": "The vertical padding of the medium Toolbar.\n",
         "commentRange": {
-            "start": 17,
-            "end": 18
+            "start": 18,
+            "end": 19
         },
         "context": {
             "type": "variable",
@@ -72880,8 +73555,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 20,
+                "end": 20
             }
         },
         "group": [
@@ -72896,8 +73571,8 @@
     {
         "description": "The vertical padding of the large Toolbar.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
@@ -72905,8 +73580,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -72921,8 +73596,8 @@
     {
         "description": "The spacing between the tools of the small Toolbar.\n",
         "commentRange": {
-            "start": 24,
-            "end": 25
+            "start": 25,
+            "end": 26
         },
         "context": {
             "type": "variable",
@@ -72930,8 +73605,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 26,
-                "end": 26
+                "start": 27,
+                "end": 27
             }
         },
         "group": [
@@ -72946,8 +73621,8 @@
     {
         "description": "The spacing between the tools of the medium Toolbar.\n",
         "commentRange": {
-            "start": 27,
-            "end": 28
+            "start": 28,
+            "end": 29
         },
         "context": {
             "type": "variable",
@@ -72955,8 +73630,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 29,
-                "end": 29
+                "start": 30,
+                "end": 30
             }
         },
         "group": [
@@ -72971,8 +73646,8 @@
     {
         "description": "The spacing between the tools of the large Toolbar.\n",
         "commentRange": {
-            "start": 30,
-            "end": 31
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
@@ -72980,8 +73655,83 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 32,
-                "end": 32
+                "start": 33,
+                "end": 33
+            }
+        },
+        "group": [
+            "toolbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "toolbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The height of the small Toolbar button separator.\n",
+        "commentRange": {
+            "start": 35,
+            "end": 36
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-toolbar-sm-separator-height",
+            "value": "$kendo-button-sm-calc-size",
+            "scope": "default",
+            "line": {
+                "start": 37,
+                "end": 37
+            }
+        },
+        "group": [
+            "toolbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "toolbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The height of the medium Toolbar button separator.\n",
+        "commentRange": {
+            "start": 38,
+            "end": 39
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-toolbar-md-separator-height",
+            "value": "$kendo-button-md-calc-size",
+            "scope": "default",
+            "line": {
+                "start": 40,
+                "end": 40
+            }
+        },
+        "group": [
+            "toolbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "toolbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The height of the large Toolbar button separator.\n",
+        "commentRange": {
+            "start": 41,
+            "end": 42
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-toolbar-lg-separator-height",
+            "value": "$kendo-button-lg-calc-size",
+            "scope": "default",
+            "line": {
+                "start": 43,
+                "end": 43
             }
         },
         "group": [
@@ -72996,8 +73746,8 @@
     {
         "description": "The width of the border around the Toolbar.\n",
         "commentRange": {
-            "start": 34,
-            "end": 35
+            "start": 45,
+            "end": 46
         },
         "context": {
             "type": "variable",
@@ -73005,8 +73755,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 36,
-                "end": 36
+                "start": 47,
+                "end": 47
             }
         },
         "group": [
@@ -73021,8 +73771,8 @@
     {
         "description": "The font family of the Toolbar.\n",
         "commentRange": {
-            "start": 38,
-            "end": 39
+            "start": 49,
+            "end": 50
         },
         "context": {
             "type": "variable",
@@ -73030,8 +73780,8 @@
             "value": "var( --kendo-font-family, inherit )",
             "scope": "default",
             "line": {
-                "start": 40,
-                "end": 40
+                "start": 51,
+                "end": 51
             }
         },
         "group": [
@@ -73046,8 +73796,8 @@
     {
         "description": "The font size of the Toolbar.\n",
         "commentRange": {
-            "start": 41,
-            "end": 42
+            "start": 52,
+            "end": 53
         },
         "context": {
             "type": "variable",
@@ -73055,8 +73805,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 43,
-                "end": 43
+                "start": 54,
+                "end": 54
             }
         },
         "group": [
@@ -73071,8 +73821,8 @@
     {
         "description": "The line height of the Toolbar.\n",
         "commentRange": {
-            "start": 44,
-            "end": 45
+            "start": 55,
+            "end": 56
         },
         "context": {
             "type": "variable",
@@ -73080,8 +73830,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 46,
-                "end": 46
+                "start": 57,
+                "end": 57
             }
         },
         "group": [
@@ -73096,8 +73846,8 @@
     {
         "description": "The background color of the Toolbar.\n",
         "commentRange": {
-            "start": 48,
-            "end": 49
+            "start": 59,
+            "end": 60
         },
         "context": {
             "type": "variable",
@@ -73105,8 +73855,8 @@
             "value": "if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 ))",
             "scope": "default",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 61,
+                "end": 61
             }
         },
         "group": [
@@ -73121,8 +73871,8 @@
     {
         "description": "The text color of the Toolbar.\n",
         "commentRange": {
-            "start": 51,
-            "end": 52
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
@@ -73130,8 +73880,8 @@
             "value": "var( --kendo-component-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 53,
-                "end": 53
+                "start": 64,
+                "end": 64
             }
         },
         "group": [
@@ -73146,8 +73896,8 @@
     {
         "description": "The color of the border around the Toolbar.\n",
         "commentRange": {
-            "start": 54,
-            "end": 55
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
@@ -73155,8 +73905,33 @@
             "value": "var( --kendo-component-border, initial )",
             "scope": "default",
             "line": {
-                "start": 56,
-                "end": 56
+                "start": 67,
+                "end": 67
+            }
+        },
+        "group": [
+            "toolbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "toolbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The left and right scroll overlay of the Toolbar.\n",
+        "commentRange": {
+            "start": 68,
+            "end": 69
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-toolbar-scroll-overlay",
+            "value": "$kendo-toolbar-bg, if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0))",
+            "scope": "default",
+            "line": {
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -73171,8 +73946,8 @@
     {
         "description": "The text color of the outline Toolbar.\n",
         "commentRange": {
-            "start": 58,
-            "end": 59
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -73180,8 +73955,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 60,
-                "end": 60
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -73196,8 +73971,8 @@
     {
         "description": "The color of the border around the outline Toolbar.\n",
         "commentRange": {
-            "start": 61,
-            "end": 62
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
@@ -73205,8 +73980,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -73221,8 +73996,8 @@
     {
         "description": "The width of the border around the outline Toolbar.\n",
         "commentRange": {
-            "start": 64,
-            "end": 65
+            "start": 79,
+            "end": 80
         },
         "context": {
             "type": "variable",
@@ -73230,8 +74005,33 @@
             "value": "$kendo-toolbar-border-width",
             "scope": "default",
             "line": {
-                "start": 66,
-                "end": 66
+                "start": 81,
+                "end": 81
+            }
+        },
+        "group": [
+            "toolbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "toolbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The left and right scroll overlay of the outline Toolbar.\n",
+        "commentRange": {
+            "start": 82,
+            "end": 83
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-toolbar-outline-scroll-overlay",
+            "value": "if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0))",
+            "scope": "default",
+            "line": {
+                "start": 84,
+                "end": 84
             }
         },
         "group": [
@@ -73246,8 +74046,8 @@
     {
         "description": "The text color of the flat Toolbar.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 87,
+            "end": 88
         },
         "context": {
             "type": "variable",
@@ -73255,8 +74055,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 89,
+                "end": 89
             }
         },
         "group": [
@@ -73271,8 +74071,8 @@
     {
         "description": "The color of the border around the flat Toolbar.\n",
         "commentRange": {
-            "start": 71,
-            "end": 72
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
@@ -73280,8 +74080,8 @@
             "value": "$kendo-toolbar-border",
             "scope": "default",
             "line": {
-                "start": 73,
-                "end": 73
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
@@ -73296,8 +74096,8 @@
     {
         "description": "Border width of the flat Toolbar.\n",
         "commentRange": {
-            "start": 74,
-            "end": 75
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
@@ -73305,8 +74105,33 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 76,
-                "end": 76
+                "start": 95,
+                "end": 95
+            }
+        },
+        "group": [
+            "toolbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "toolbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The left and right scroll overlay of the flat Toolbar.\n",
+        "commentRange": {
+            "start": 96,
+            "end": 97
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-toolbar-flat-scroll-overlay",
+            "value": "if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0))",
+            "scope": "default",
+            "line": {
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
@@ -73321,8 +74146,8 @@
     {
         "description": "The color of the separator border of the Toolbar.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 101,
+            "end": 102
         },
         "context": {
             "type": "variable",
@@ -73330,8 +74155,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 103,
+                "end": 103
             }
         },
         "group": [
@@ -73346,8 +74171,8 @@
     {
         "description": "The width of the input in the Toolbar.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 105,
+            "end": 106
         },
         "context": {
             "type": "variable",
@@ -73355,8 +74180,8 @@
             "value": "10em",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 107,
+                "end": 107
             }
         },
         "group": [
@@ -73371,8 +74196,8 @@
     {
         "description": "The border width of the focused Toolbar item.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 109,
+            "end": 110
         },
         "context": {
             "type": "variable",
@@ -73380,8 +74205,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 111,
+                "end": 111
             }
         },
         "group": [
@@ -73396,8 +74221,8 @@
     {
         "description": "The border style of the focused Toolbar item.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 112,
+            "end": 113
         },
         "context": {
             "type": "variable",
@@ -73405,8 +74230,8 @@
             "value": "solid",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 114,
+                "end": 114
             }
         },
         "group": [
@@ -73421,8 +74246,8 @@
     {
         "description": "The border color of the focused Toolbar item.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
@@ -73430,8 +74255,8 @@
             "value": "if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
             "scope": "default",
             "line": {
-                "start": 94,
-                "end": 94
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -73446,17 +74271,17 @@
     {
         "description": "The sizes map for the Toolbar.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 119,
+            "end": 120
         },
         "context": {
             "type": "variable",
             "name": "kendo-toolbar-sizes",
-            "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing\n    )\n)",
+            "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing,\n        separator-height: $kendo-toolbar-sm-separator-height\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing,\n        separator-height: $kendo-toolbar-md-separator-height\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing,\n        separator-height: $kendo-toolbar-lg-separator-height\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 114
+                "start": 121,
+                "end": 140
             }
         },
         "group": [