@progress/kendo-theme-bootstrap 14.5.1-dev.7 → 14.5.1-dev.8

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

@@ -40012,7 +40012,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-image-editor-action-pane-width",
-            "value": "if( $kendo-image-editor-content-border-width == null, 250px, calc( 250px + #{$kendo-image-editor-content-border-width} ) )",
+            "value": "if( $kendo-image-editor-content-border-width == null, 320px, calc( 320px + #{$kendo-image-editor-content-border-width} ) )",
             "scope": "default",
             "line": {
                 "start": 45,
@@ -40029,15 +40029,15 @@
         }
     },
     {
-        "description": "The width of the border around the ImageEditor crop area.\n",
+        "description": "The vertical padding of the ImageEditor pane header.\n",
         "commentRange": {
             "start": 47,
             "end": 48
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-crop-border-width",
-            "value": "1px",
+            "name": "kendo-image-editor-pane-header-padding-y",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
                 "start": 49,
@@ -40054,15 +40054,15 @@
         }
     },
     {
-        "description": "The style of the border around the ImageEditor crop area.\n",
+        "description": "The horizontal padding of the ImageEditor pane header.\n",
         "commentRange": {
             "start": 50,
             "end": 51
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-crop-border-style",
-            "value": "dashed",
+            "name": "kendo-image-editor-pane-header-padding-x",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
                 "start": 52,
@@ -40079,19 +40079,19 @@
         }
     },
     {
-        "description": "The horizontal margin of the ImageEditor resize handle.\n",
+        "description": "The gap between the title and the actions of the ImageEditor pane header.\n",
         "commentRange": {
-            "start": 54,
-            "end": 55
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-resize-handle-margin-x",
-            "value": "k-spacing(1px)",
+            "name": "kendo-image-editor-pane-header-gap",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 56,
-                "end": 56
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -40104,15 +40104,15 @@
         }
     },
     {
-        "description": "The vertical margin of the ImageEditor resize handle.\n",
+        "description": "The top padding of the ImageEditor pane content.\n",
         "commentRange": {
             "start": 57,
             "end": 58
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-resize-handle-margin-y",
-            "value": "k-spacing(1px)",
+            "name": "kendo-image-editor-pane-content-padding-top",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 59,
@@ -40129,15 +40129,15 @@
         }
     },
     {
-        "description": "The width of the border around the ImageEditor resize handle.\n",
+        "description": "The bottom padding of the ImageEditor pane content.\n",
         "commentRange": {
             "start": 60,
             "end": 61
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-resize-handle-border-width",
-            "value": "0 2px 2px 0",
+            "name": "kendo-image-editor-pane-content-padding-bottom",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
                 "start": 62,
@@ -40154,15 +40154,15 @@
         }
     },
     {
-        "description": "The size of the ImageEditor resize handle.\n",
+        "description": "The horizontal padding of the ImageEditor pane content.\n",
         "commentRange": {
             "start": 63,
             "end": 64
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-resize-handle-size",
-            "value": "15px",
+            "name": "kendo-image-editor-pane-content-padding-x",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
                 "start": 65,
@@ -40179,19 +40179,19 @@
         }
     },
     {
-        "description": "The background color of the ImageEditor.\n",
+        "description": "The gap between the fields of the ImageEditor pane content.\n",
         "commentRange": {
-            "start": 67,
-            "end": 68
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-bg",
-            "value": "k-color(surface-alt)",
+            "name": "kendo-image-editor-pane-content-gap",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 69,
-                "end": 69
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -40204,15 +40204,15 @@
         }
     },
     {
-        "description": "The text color of the ImageEditor.\n",
+        "description": "The gap between the slider and the numeric input of an ImageEditor adjustment row.\n",
         "commentRange": {
             "start": 70,
             "end": 71
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-image-editor-adjustment-row-gap",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
                 "start": 72,
@@ -40229,19 +40229,19 @@
         }
     },
     {
-        "description": "The border color of the ImageEditor.\n",
+        "description": "The vertical padding of the ImageEditor pane footer.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 74,
+            "end": 75
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-border",
-            "value": "k-color(border)",
+            "name": "kendo-image-editor-pane-footer-padding-y",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 76,
+                "end": 76
             }
         },
         "group": [
@@ -40254,15 +40254,15 @@
         }
     },
     {
-        "description": "The background color of the ImageEditor content.\n",
+        "description": "The horizontal padding of the ImageEditor pane footer.\n",
         "commentRange": {
             "start": 77,
             "end": 78
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-content-bg",
-            "value": "k-color(surface)",
+            "name": "kendo-image-editor-pane-footer-padding-x",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
                 "start": 79,
@@ -40279,19 +40279,19 @@
         }
     },
     {
-        "description": "The text color of the ImageEditor content.\n",
+        "description": "The gap between the ImageEditor option list items.\n",
         "commentRange": {
-            "start": 80,
-            "end": 81
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-content-text",
-            "value": "null",
+            "name": "kendo-image-editor-option-list-gap",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 82,
-                "end": 82
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -40304,19 +40304,19 @@
         }
     },
     {
-        "description": "The border color of the ImageEditor content.\n",
+        "description": "The scroll-fade gradient stops of the ImageEditor option list.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 84,
+            "end": 85
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-content-border",
-            "value": "null",
+            "name": "kendo-image-editor-option-list-scroll-gradient",
+            "value": "rgba(255, 255, 255, 0) 0%, k-color(surface-alt) 100%",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -40329,15 +40329,15 @@
         }
     },
     {
-        "description": "The background color of the ImageEditor action pane.\n",
+        "description": "The vertical padding of an ImageEditor option preview.\n",
         "commentRange": {
             "start": 87,
             "end": 88
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-action-pane-bg",
-            "value": "k-color(surface-alt)",
+            "name": "kendo-image-editor-option-preview-padding-y",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
                 "start": 89,
@@ -40354,15 +40354,15 @@
         }
     },
     {
-        "description": "The text color of the ImageEditor action pane.\n",
+        "description": "The horizontal padding of an ImageEditor option preview.\n",
         "commentRange": {
             "start": 90,
             "end": 91
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-action-pane-text",
-            "value": "null",
+            "name": "kendo-image-editor-option-preview-padding-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 92,
@@ -40379,15 +40379,15 @@
         }
     },
     {
-        "description": "The border color of the ImageEditor action pane.\n",
+        "description": "The border radius of an ImageEditor option preview.\n",
         "commentRange": {
             "start": 93,
             "end": 94
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-action-pane-border",
-            "value": "null",
+            "name": "kendo-image-editor-option-preview-border-radius",
+            "value": "k-border-radius(sm)",
             "scope": "default",
             "line": {
                 "start": 95,
@@ -40404,19 +40404,19 @@
         }
     },
     {
-        "description": "The background color of the ImageEditor crop area.\n",
+        "description": "The width of an ImageEditor option preview.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-crop-bg",
-            "value": "null",
+            "name": "kendo-image-editor-option-preview-width",
+            "value": "88px",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
@@ -40429,15 +40429,15 @@
         }
     },
     {
-        "description": "The text color of the ImageEditor crop area.\n",
+        "description": "The font size of the ImageEditor option label.\n",
         "commentRange": {
             "start": 100,
             "end": 101
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-crop-text",
-            "value": "null",
+            "name": "kendo-image-editor-option-label-font-size",
+            "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
                 "start": 102,
@@ -40454,19 +40454,19 @@
         }
     },
     {
-        "description": "The border color of the ImageEditor crop area.\n",
+        "description": "The width of the border around the ImageEditor overlay frame.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 104,
+            "end": 105
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-crop-border",
-            "value": "white",
+            "name": "kendo-image-editor-frame-border-width",
+            "value": "2px",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 106,
+                "end": 106
             }
         },
         "group": [
@@ -40479,15 +40479,15 @@
         }
     },
     {
-        "description": "The background color of the ImageEditor crop overlay.\n",
+        "description": "The style of the border around the ImageEditor overlay frame.\n",
         "commentRange": {
             "start": 107,
             "end": 108
         },
         "context": {
             "type": "variable",
-            "name": "kendo-image-editor-crop-overlay-bg",
-            "value": "color-mix(in srgb, k-color(inverse) 30%, transparent)",
+            "name": "kendo-image-editor-frame-border-style",
+            "value": "solid",
             "scope": "default",
             "line": {
                 "start": 109,
@@ -40503,6 +40503,881 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The horizontal margin of the ImageEditor handle.\n",
+        "commentRange": {
+            "start": 111,
+            "end": 112
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-handle-margin-x",
+            "value": "0",
+            "scope": "default",
+            "line": {
+                "start": 113,
+                "end": 113
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical margin of the ImageEditor handle.\n",
+        "commentRange": {
+            "start": 114,
+            "end": 115
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-handle-margin-y",
+            "value": "0",
+            "scope": "default",
+            "line": {
+                "start": 116,
+                "end": 116
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the ImageEditor handle.\n",
+        "commentRange": {
+            "start": 117,
+            "end": 118
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-handle-border-width",
+            "value": "2px",
+            "scope": "default",
+            "line": {
+                "start": 119,
+                "end": 119
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The size of the ImageEditor handle.\n",
+        "commentRange": {
+            "start": 120,
+            "end": 121
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-handle-size",
+            "value": "24px",
+            "scope": "default",
+            "line": {
+                "start": 122,
+                "end": 122
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The thickness of the ImageEditor handle.\n",
+        "commentRange": {
+            "start": 123,
+            "end": 124
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-handle-thickness",
+            "value": "12px",
+            "scope": "default",
+            "line": {
+                "start": 125,
+                "end": 125
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border radius of the ImageEditor handle.\n",
+        "commentRange": {
+            "start": 126,
+            "end": 127
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-handle-border-radius",
+            "value": "k-border-radius(full)",
+            "scope": "default",
+            "line": {
+                "start": 128,
+                "end": 128
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The size of the ImageEditor scale handle.\n",
+        "commentRange": {
+            "start": 130,
+            "end": 131
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-scale-handle-size",
+            "value": "12px",
+            "scope": "default",
+            "line": {
+                "start": 132,
+                "end": 132
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the ImageEditor.\n",
+        "commentRange": {
+            "start": 134,
+            "end": 135
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-bg",
+            "value": "k-color(surface-alt)",
+            "scope": "default",
+            "line": {
+                "start": 136,
+                "end": 136
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the ImageEditor.\n",
+        "commentRange": {
+            "start": 137,
+            "end": 138
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-text",
+            "value": "k-color(on-app-surface)",
+            "scope": "default",
+            "line": {
+                "start": 139,
+                "end": 139
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the ImageEditor.\n",
+        "commentRange": {
+            "start": 140,
+            "end": 141
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-border",
+            "value": "k-color(border)",
+            "scope": "default",
+            "line": {
+                "start": 142,
+                "end": 142
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the ImageEditor content.\n",
+        "commentRange": {
+            "start": 144,
+            "end": 145
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-content-bg",
+            "value": "k-color(surface)",
+            "scope": "default",
+            "line": {
+                "start": 146,
+                "end": 146
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the ImageEditor content.\n",
+        "commentRange": {
+            "start": 147,
+            "end": 148
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-content-text",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 149,
+                "end": 149
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the ImageEditor content.\n",
+        "commentRange": {
+            "start": 150,
+            "end": 151
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-content-border",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 152,
+                "end": 152
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the ImageEditor action pane.\n",
+        "commentRange": {
+            "start": 154,
+            "end": 155
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-action-pane-bg",
+            "value": "k-color(surface-alt)",
+            "scope": "default",
+            "line": {
+                "start": 156,
+                "end": 156
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the ImageEditor action pane.\n",
+        "commentRange": {
+            "start": 157,
+            "end": 158
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-action-pane-text",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 159,
+                "end": 159
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the ImageEditor action pane.\n",
+        "commentRange": {
+            "start": 160,
+            "end": 161
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-action-pane-border",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 162,
+                "end": 162
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the ImageEditor pane title.\n",
+        "commentRange": {
+            "start": 164,
+            "end": 165
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-pane-title-text",
+            "value": "k-color(on-app-surface)",
+            "scope": "default",
+            "line": {
+                "start": 166,
+                "end": 166
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of an ImageEditor option preview.\n",
+        "commentRange": {
+            "start": 168,
+            "end": 169
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-option-preview-bg",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 170,
+                "end": 170
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of an ImageEditor option preview.\n",
+        "commentRange": {
+            "start": 171,
+            "end": 172
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-option-preview-text",
+            "value": "k-color(on-app-surface)",
+            "scope": "default",
+            "line": {
+                "start": 173,
+                "end": 173
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of an ImageEditor option preview.\n",
+        "commentRange": {
+            "start": 174,
+            "end": 175
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-option-preview-border",
+            "value": "k-color(border)",
+            "scope": "default",
+            "line": {
+                "start": 176,
+                "end": 176
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of a hovered ImageEditor option preview.\n",
+        "commentRange": {
+            "start": 177,
+            "end": 178
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-option-preview-hover-bg",
+            "value": "k-color(base-subtle-hover)",
+            "scope": "default",
+            "line": {
+                "start": 179,
+                "end": 179
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of a hovered ImageEditor option preview.\n",
+        "commentRange": {
+            "start": 180,
+            "end": 181
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-option-preview-hover-text",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 182,
+                "end": 182
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of a focused ImageEditor option preview.\n",
+        "commentRange": {
+            "start": 183,
+            "end": 184
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-option-preview-focus-shadow",
+            "value": "inset 0 0 0 3px color-mix(in srgb, k-color(on-app-surface) 15%, transparent)",
+            "scope": "default",
+            "line": {
+                "start": 185,
+                "end": 185
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of a selected ImageEditor option preview.\n",
+        "commentRange": {
+            "start": 186,
+            "end": 187
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-option-preview-selected-shadow",
+            "value": "none",
+            "scope": "default",
+            "line": {
+                "start": 188,
+                "end": 188
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of a selected ImageEditor option preview.\n",
+        "commentRange": {
+            "start": 189,
+            "end": 190
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-option-preview-selected-border",
+            "value": "k-color(primary-emphasis)",
+            "scope": "default",
+            "line": {
+                "start": 191,
+                "end": 191
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of a selected ImageEditor option preview.\n",
+        "commentRange": {
+            "start": 192,
+            "end": 193
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-option-preview-selected-text",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 194,
+                "end": 194
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font weight of a selected ImageEditor option preview.\n",
+        "commentRange": {
+            "start": 195,
+            "end": 196
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-option-preview-selected-font-weight",
+            "value": "var(--kendo-font-weight-bold)",
+            "scope": "default",
+            "line": {
+                "start": 197,
+                "end": 197
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the ImageEditor overlay frame.\n",
+        "commentRange": {
+            "start": 199,
+            "end": 200
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-frame-bg",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 201,
+                "end": 201
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the ImageEditor overlay frame.\n",
+        "commentRange": {
+            "start": 202,
+            "end": 203
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-frame-text",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 204,
+                "end": 204
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the ImageEditor overlay frame.\n",
+        "commentRange": {
+            "start": 205,
+            "end": 206
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-frame-border",
+            "value": "k-color(primary)",
+            "scope": "default",
+            "line": {
+                "start": 207,
+                "end": 207
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the ImageEditor crop overlay.\n",
+        "commentRange": {
+            "start": 209,
+            "end": 210
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-crop-overlay-bg",
+            "value": "rgba(black, .2)",
+            "scope": "default",
+            "line": {
+                "start": 211,
+                "end": 211
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The accent-tinted overlay color of the ImageEditor crop overlay, layered above the background.\n",
+        "commentRange": {
+            "start": 212,
+            "end": 213
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-crop-overlay-accent-bg",
+            "value": "color-mix(in srgb, k-color(primary) 25%, transparent)",
+            "scope": "default",
+            "line": {
+                "start": 214,
+                "end": 214
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The color of the ImageEditor rule-of-thirds grid lines.\n",
+        "commentRange": {
+            "start": 216,
+            "end": 217
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-grid-line-color",
+            "value": "k-color(primary)",
+            "scope": "default",
+            "line": {
+                "start": 218,
+                "end": 218
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the ImageEditor handle.\n",
+        "commentRange": {
+            "start": 220,
+            "end": 221
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-handle-bg",
+            "value": "k-color(primary-subtle)",
+            "scope": "default",
+            "line": {
+                "start": 222,
+                "end": 222
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the ImageEditor handle.\n",
+        "commentRange": {
+            "start": 223,
+            "end": 224
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-handle-border",
+            "value": "k-color(primary)",
+            "scope": "default",
+            "line": {
+                "start": 225,
+                "end": 225
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The default fill mode of the Input.\n",
         "commentRange": {