@progress/kendo-theme-bootstrap 7.0.3-dev.2 → 7.1.0-dev.0

package/dist/meta/variables.json

@@ -7259,10 +7259,6 @@
         "type": "Number",
         "value": "0.5rem"
     },
-    "kendo-tooltip-max-width": {
-        "type": "Number",
-        "value": "200px"
-    },
     "kendo-tooltip-border-width": {
         "type": "Number",
         "value": "0px"
@@ -7311,65 +7307,13 @@
         "type": "String",
         "value": "var(--kendo-elevation-2, 0px 2px 7px rgba(0, 0, 0, 0.075))"
     },
-    "kendo-tooltip-primary-bg": {
-        "type": "Color",
-        "value": "#0d6efd"
-    },
-    "kendo-tooltip-primary-text": {
-        "type": "Color",
-        "value": "white"
-    },
-    "kendo-tooltip-primary-border": {
-        "type": "Color",
-        "value": "#0d6efd"
-    },
-    "kendo-tooltip-info-bg": {
-        "type": "Color",
-        "value": "#0dcaf0"
-    },
-    "kendo-tooltip-info-text": {
-        "type": "Color",
-        "value": "black"
-    },
-    "kendo-tooltip-info-border": {
-        "type": "Color",
-        "value": "#0dcaf0"
-    },
-    "kendo-tooltip-success-bg": {
-        "type": "Color",
-        "value": "#198754"
-    },
-    "kendo-tooltip-success-text": {
-        "type": "Color",
-        "value": "white"
-    },
-    "kendo-tooltip-success-border": {
-        "type": "Color",
-        "value": "#198754"
-    },
-    "kendo-tooltip-warning-bg": {
-        "type": "Color",
-        "value": "#ffc107"
-    },
-    "kendo-tooltip-warning-text": {
-        "type": "Color",
-        "value": "black"
-    },
-    "kendo-tooltip-warning-border": {
-        "type": "Color",
-        "value": "#ffc107"
-    },
-    "kendo-tooltip-error-bg": {
-        "type": "Color",
-        "value": "#dc3545"
-    },
-    "kendo-tooltip-error-text": {
-        "type": "Color",
-        "value": "white"
+    "kendo-tooltip-theme-colors": {
+        "type": "Map",
+        "value": "(\"primary\": #0d6efd, \"secondary\": #6c757d, \"tertiary\": #6f42c1, \"info\": #0dcaf0, \"success\": #198754, \"warning\": #ffc107, \"error\": #dc3545, \"dark\": #212529, \"light\": #f8f9fa, \"inverse\": #212529)"
     },
-    "kendo-tooltip-error-border": {
-        "type": "Color",
-        "value": "#dc3545"
+    "kendo-tooltip-theme": {
+        "type": "Map",
+        "value": "(\"inverse\": (color: white, background-color: #212529, border: #212529), \"light\": (color: black, background-color: #f8f9fa, border: #f8f9fa), \"dark\": (color: white, background-color: #212529, border: #212529), \"error\": (color: white, background-color: #dc3545, border: #dc3545), \"warning\": (color: black, background-color: #ffc107, border: #ffc107), \"success\": (color: white, background-color: #198754, border: #198754), \"info\": (color: white, background-color: #0dcaf0, border: #0dcaf0), \"tertiary\": (color: white, background-color: #6f42c1, border: #6f42c1), \"secondary\": (color: white, background-color: #6c757d, border: #6c757d), \"primary\": (color: white, background-color: #0d6efd, border: #0d6efd))"
     },
     "kendo-window-border-width": {
         "type": "Number",

package/lib/swatches/bootstrap-3-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#000000",
         "#222222",

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/bootstrap-4-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#0275d8",
         "#5bc0de",

package/lib/swatches/bootstrap-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-turquoise-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f2f2f2",

package/lib/swatches/bootstrap-urban.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/lib/swatches/bootstrap-vintage.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Vintage",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f2efe8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "7.0.3-dev.2",
+  "version": "7.1.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,14 +53,14 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "2.0.0",
-    "@progress/kendo-theme-core": "7.0.3-dev.2",
-    "@progress/kendo-theme-default": "7.0.3-dev.2",
-    "@progress/kendo-theme-utils": "7.0.3-dev.2",
+    "@progress/kendo-theme-core": "7.1.0-dev.0",
+    "@progress/kendo-theme-default": "7.1.0-dev.0",
+    "@progress/kendo-theme-utils": "7.1.0-dev.0",
     "bootstrap": "5.2.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "00fbdd430c74d792dadbb35dc7f15107c8973d09"
+  "gitHead": "e0a0885fdf92926065f788aab0ad62453b875258"
 }

package/scss/captcha/_variables.scss

@@ -1,19 +1,47 @@
 // Captcha
+
+/// The spacer of the Captcha.
+/// @group captcha
 $kendo-captcha-spacer: k-map-get( $kendo-spacing, 2 ) !default;
 
+/// The width of the Captcha.
+/// @group captcha
 $kendo-captcha-width: 335px !default;
+/// The font family of the Captcha.
+/// @group captcha
 $kendo-captcha-font-family: $kendo-font-family !default;
+/// The font size of the Captcha.
+/// @group captcha
 $kendo-captcha-font-size: $kendo-font-size-md !default;
+/// The line height of the Captcha.
+/// @group captcha
 $kendo-captcha-line-height: $kendo-line-height-md !default;
+/// The gap of the Captcha.
+/// @group captcha
 $kendo-captcha-gap: $kendo-captcha-spacer !default;
+/// The background color of the Captcha.
+/// @group captcha
 $kendo-captcha-bg: $kendo-component-bg !default;
+/// The text color of the Captcha.
+/// @group captcha
 $kendo-captcha-text: $kendo-component-bg !default;
+/// The border color of the Captcha.
+/// @group captcha
 $kendo-captcha-border: $kendo-component-bg !default;
 
+/// The gap of the Captcha image wrapper.
+/// @group captcha
 $kendo-captcha-image-wrap-gap: $kendo-captcha-spacer !default;
-
+/// The gap of the Captcha image controls.
+/// @group captcha
 $kendo-captcha-image-controls-gap: $kendo-captcha-spacer !default;
 
+/// The top margin of the Captcha validation message.
+/// @group captcha
 $kendo-captcha-validation-message-margin-top: k-math-div( $kendo-captcha-spacer, 2 ) !default;
+/// The font size of the Captcha validation message.
+/// @group captcha
 $kendo-captcha-validation-message-font-size: $kendo-font-size-sm !default;
+/// The font style of the Captcha validation message.
+/// @group captcha
 $kendo-captcha-validation-message-font-style: italic !default;

package/scss/dropzone/_variables.scss

@@ -1,26 +1,64 @@
-// Dropzone
+// DropZone
 
+/// The horizontal padding of the DropZone.
+/// @group dropzone
 $kendo-dropzone-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The vertical padding of the DropZone.
+/// @group dropzone
 $kendo-dropzone-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+/// The border width of the DropZone.
+/// @group dropzone
 $kendo-dropzone-border-width: 1px !default;
+/// The minimum height of the DropZone.
+/// @group dropzone
 $kendo-dropzone-min-height: 220px !default;
 
+/// The font family of the DropZone.
+/// @group dropzone
 $kendo-dropzone-font-family: $kendo-font-family !default;
+/// The font size of the DropZone.
+/// @group dropzone
 $kendo-dropzone-font-size: $kendo-font-size-md !default;
+/// The line height of the DropZone.
+/// @group dropzone
 $kendo-dropzone-line-height: $kendo-line-height-md !default;
 
+/// The background color of the DropZone.
+/// @group dropzone
 $kendo-dropzone-bg: if( k-is-light( $kendo-component-bg ), $gray-100, $gray-900 ) !default;
+/// The text color of the DropZone.
+/// @group dropzone
 $kendo-dropzone-text: $kendo-component-text !default;
+/// The border color of the DropZone.
+/// @group dropzone
 $kendo-dropzone-border: $kendo-component-border !default;
 
+/// The spacing below the DropZone icon.
+/// @group dropzone
 $kendo-dropzone-icon-spacing: k-map-get( $kendo-spacing, 6 ) !default;
+/// The text color of the DropZone icon.
+/// @group dropzone
 $kendo-dropzone-icon-text: k-try-tint( $kendo-dropzone-text, 8 ) !default;
+/// The text color of the hovered DropZone icon.
+/// @group dropzone
 $kendo-dropzone-icon-hover-text: $kendo-color-primary !default;
 
+/// The font size of the DropZone hint.
+/// @group dropzone
 $kendo-dropzone-hint-font-size: null !default;
+/// The spacing below the DropZone hint.
+/// @group dropzone
 $kendo-dropzone-hint-spacing: k-map-get( $kendo-spacing, 2 ) !default;
+/// The text color of the DropZone hint.
+/// @group dropzone
 $kendo-dropzone-hint-text: null !default;
 
+/// The font size of the DropZone note.
+/// @group dropzone
 $kendo-dropzone-note-font-size: $kendo-font-size-xs !default;
+/// The spacing below the DropZone note.
+/// @group dropzone
 $kendo-dropzone-note-spacing: null !default;
+/// The text color of the DropZone note.
+/// @group dropzone
 $kendo-dropzone-note-text: $kendo-subtle-text !default;

package/scss/filemanager/_variables.scss

@@ -1,67 +1,182 @@
-// File manager
+// FileManager
+
+/// The space between the FileManager items.
+/// @group filemanager
 $kendo-file-manager-spacer: k-map-get( $kendo-spacing, 4 ) !default;
+/// The border width of the FileManager.
+/// @group filemanager
 $kendo-file-manager-border-width: 1px !default;
+/// The font family of the FileManager.
+/// @group filemanager
 $kendo-file-manager-font-family: $kendo-font-family !default;
+/// The font size of the FileManager.
+/// @group filemanager
 $kendo-file-manager-font-size: $kendo-font-size-md !default;
+/// The line height of the FileManager.
+/// @group filemanager
 $kendo-file-manager-line-height: $kendo-line-height-md !default;
+/// The background color of the FileManager.
+/// @group filemanager
 $kendo-file-manager-bg: $kendo-component-bg !default;
+/// The text color of the FileManager.
+/// @group filemanager
 $kendo-file-manager-text: $kendo-component-text !default;
+/// The border color of the FileManager.
+/// @group filemanager
 $kendo-file-manager-border: $kendo-component-border !default;
 
+/// The border width of the FileManager Toolbar.
+/// @group filemanager
 $kendo-file-manager-toolbar-border-width: $kendo-file-manager-border-width !default;
+/// The background color of the FileManager Toolbar.
+/// @group filemanager
 $kendo-file-manager-toolbar-bg: null !default;
+/// The text color of the FileManager Toolbar.
+/// @group filemanager
 $kendo-file-manager-toolbar-text: null !default;
+/// The border color of the FileManager Toolbar.
+/// @group filemanager
 $kendo-file-manager-toolbar-border: null !default;
+/// The gradient of the FileManager Toolbar.
+/// @group filemanager
 $kendo-file-manager-toolbar-gradient: null !default;
 
+/// The horizontal padding of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-padding-x: $kendo-file-manager-spacer !default;
+/// The vertical padding of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-padding-y: $kendo-file-manager-spacer !default;
+/// The width of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-width: 20% !default;
+/// The border width of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-border-width: $kendo-file-manager-border-width !default;
+/// The background color of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-bg: null !default;
+/// The text color of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-text: null !default;
+/// The border color of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-border: null !default;
 
+/// The horizontal padding of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The vertical padding of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+/// The border width of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-border-width !default;
+/// The background color of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-bg: $kendo-toolbar-bg !default;
+/// The text color of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-text: null !default;
+/// The border color of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-border: null !default;
 
+/// The background color of the FileManager ListView.
+/// @group filemanager
 $kendo-file-manager-listview-bg: null !default;
+/// The text color of the FileManager ListView.
+/// @group filemanager
 $kendo-file-manager-listview-text: null !default;
+/// The border color of the FileManager ListView.
+/// @group filemanager
 $kendo-file-manager-listview-border: null !default;
 
+/// The horizontal padding of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+/// The vertical padding of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+/// The width of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-width: 120px !default;
+/// The height of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-height: 120px !default;
+/// The background color of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-bg: null !default;
+/// The text color of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-text: null !default;
+/// The border color of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-border: null !default;
 
+/// The background color of the FileManager ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-bg: null !default;
+/// The text color of the FileManager ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-text: k-try-tint( $kendo-file-manager-text, 4 ) !default;
+/// The border color of the FileManager ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-border: null !default;
+/// Background color of the FileManager selected ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-selected-bg: null !default;
+/// Text color of the FileManager selected ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-selected-text: inherit !default;
+/// Border color of the FileManager selected ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-selected-border: null !default;
 
+/// The background color of the FileManager Grid.
+/// @group filemanager
 $kendo-file-manager-grid-bg: null !default;
+/// The text color of the FileManager Grid.
+/// @group filemanager
 $kendo-file-manager-grid-text: null !default;
+/// The border color of the FileManager Grid.
+/// @group filemanager
 $kendo-file-manager-grid-border: null !default;
 
+/// The horizontal padding of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-padding-x: $kendo-file-manager-spacer !default;
+/// The vertical padding of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-padding-y: $kendo-file-manager-spacer !default;
+/// The width of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-width: 20% !default;
+/// The border width of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-border-width: $kendo-file-manager-border-width !default;
+/// The spacing of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
+/// The gap between the columns in the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-column-gap: k-map-get( $kendo-spacing, 1 ) !default;
+/// The background color of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-bg: null !default;
+/// The text color of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-text: null !default;
+/// The border color of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-border: null !default;
 
+/// The background color of the FileManager preview icon.
+/// @group filemanager
 $kendo-file-manager-preview-icon-bg: null !default;
+/// The text color of the FileManager preview icon.
+/// @group filemanager
 $kendo-file-manager-preview-icon-text: k-try-tint( $kendo-file-manager-text, 4 ) !default;
+/// The border color of the FileManager preview icon.
+/// @group filemanager
 $kendo-file-manager-preview-icon-border: null !default;

package/scss/pdf-viewer/_variables.scss

@@ -1,44 +1,110 @@
-// PDF viewer
+// PDFviewer
 
+/// The border width of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-border-width: 1px !default;
+/// The font family of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-font-family: $kendo-font-family !default;
+/// The font size of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-font-size: $kendo-font-size-md !default;
+/// The line height of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-line-height: $kendo-line-height-md !default;
 
+/// The background color of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-bg: $kendo-component-bg !default;
+/// The text color of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-text: $kendo-component-text !default;
+/// The border color of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-border: $kendo-component-border !default;
 
+/// The background color of the PDFViewer Toolbar.
+/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-bg: null !default;
+/// The text color of the PDFViewer Toolbar.
+/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-text: null !default;
+/// The border color of the PDFViewer Toolbar.
+/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-border: null !default;
+/// The gradient of the PDFViewer Toolbar.
+/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-gradient: null !default;
 
+/// The background color of the PDFViewer canvas.
+/// @group pdf-viewer
 $kendo-pdf-viewer-canvas-bg: $kendo-app-bg !default;
+/// The text color of the PDFViewer canvas.
+/// @group pdf-viewer
 $kendo-pdf-viewer-canvas-text: null !default;
+/// The border color of the PDFViewer canvas.
+/// @group pdf-viewer
 $kendo-pdf-viewer-canvas-border: null !default;
 
+/// The spacing of the PDFViewer page.
+/// @group pdf-viewer
 $kendo-pdf-viewer-page-spacing: 30px !default;
 
+/// The background color of the PDFViewer page.
+/// @group pdf-viewer
 $kendo-pdf-viewer-page-bg: white !default;
+/// The text color of the PDFViewer page.
+/// @group pdf-viewer
 $kendo-pdf-viewer-page-text: $kendo-component-text !default;
+/// The border color of the PDFViewer page.
+/// @group pdf-viewer
 $kendo-pdf-viewer-page-border: $kendo-component-border !default;
+/// The shadow of the PDFViewer page.
+/// @group pdf-viewer
 $kendo-pdf-viewer-page-shadow: k-elevation(3) !default;
 
+/// The horizontal padding of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-padding-x: $kendo-toolbar-md-padding-x !default;
+/// The vertical padding of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-padding-y: calc( #{$kendo-toolbar-md-padding-x} * 2 ) !default;
+/// The spacing of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-spacing: $kendo-toolbar-md-spacing !default;
+/// The border width of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-border-width: 1px !default;
+/// The border radius of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
+/// The background color of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-bg: $kendo-component-bg !default;
+/// The text color of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-text: $kendo-component-text !default;
+/// The border color of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-border: $kendo-component-border !default;
+/// The shadow of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-shadow: null !default;
+/// The spacing of the matches container in the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-matches-spacing: $kendo-padding-sm-x !default;
 
+/// The line height of the PDFViewer selection.
+/// @group pdf-viewer
 $kendo-pdf-viewer-selection-line-height: 1.2 !default;
 
+/// The background color of the PDFViewer highlight.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-highlight-bg: $kendo-body-text !default;
+/// The background color of the PDFViewer highlight mark.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
 
+/// The text color of the PDFViewer icon.
+/// @group pdf-viewer
 $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;