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

package/dist/meta/variables.json

@@ -4177,7 +4177,7 @@
     },
     "kendo-components": {
         "type": "List",
-        "value": "\"typography\", \"utils\", \"draggable\", \"table\", \"icon\", \"chip\", \"messagebox\", \"input\", \"list\", \"listgroup\", \"overlay\", \"ripple\", \"virtual-scroller\", \"avatar\", \"badge\", \"color-preview\", \"loader\", \"skeleton\", \"tooltip\", \"button\", \"split-button\", \"menu-button\", \"textbox\", \"textarea\", \"checkbox\", \"listbox\", \"progressbar\", \"radio\", \"slider\", \"form\", \"validator\", \"floating-label\", \"calendar\", \"popup\", \"time-selector\", \"autocomplete\", \"captcha\", \"color-palette\", \"color-gradient\", \"color-editor\", \"color-picker\", \"combobox\", \"date-input\", \"date-picker\", \"time-picker\", \"date-time-picker\", \"date-range-picker\", \"dropdown-grid\", \"dropdown-list\", \"dropdown-tree\", \"masked-textbox\", \"multiselect\", \"numeric-textbox\", \"rating\", \"searchbox\", \"switch\", \"upload\", \"dropzone\", \"actions\", \"appbar\", \"fab\", \"menu\", \"toolbar\", \"action-sheet\", \"dialog\", \"drawer\", \"notification\", \"popover\", \"responsive-panel\", \"window\", \"bottom-navigation\", \"breadcrumb\", \"pager\", \"stepper\", \"tabstrip\", \"treeview\", \"wizard\", \"card\", \"expander\", \"panelbar\", \"splitter\", \"tile-layout\", \"grid\", \"listview\", \"spreadsheet\", \"pivotgrid\", \"treelist\", \"filter\", \"file-manager\", \"task-board\", \"editor\", \"image-editor\", \"gantt\", \"scheduler\", \"adaptive\", \"chat\", \"media-player\", \"timeline\", \"pdf-viewer\", \"scroller\", \"scrollview\", \"dataviz\", \"map\", \"orgchart\", \"signature\""
+        "value": "\"typography\", \"utils\", \"draggable\", \"table\", \"icon\", \"chip\", \"messagebox\", \"input\", \"list\", \"listgroup\", \"overlay\", \"ripple\", \"virtual-scroller\", \"avatar\", \"badge\", \"color-preview\", \"loader\", \"skeleton\", \"tooltip\", \"button\", \"split-button\", \"menu-button\", \"textbox\", \"textarea\", \"checkbox\", \"listbox\", \"progressbar\", \"radio\", \"slider\", \"form\", \"validator\", \"floating-label\", \"calendar\", \"popup\", \"time-selector\", \"autocomplete\", \"captcha\", \"color-palette\", \"color-gradient\", \"color-editor\", \"color-picker\", \"combobox\", \"date-input\", \"date-picker\", \"time-picker\", \"date-time-picker\", \"date-range-picker\", \"dropdown-grid\", \"dropdown-list\", \"dropdown-tree\", \"masked-textbox\", \"multiselect\", \"numeric-textbox\", \"rating\", \"searchbox\", \"switch\", \"upload\", \"dropzone\", \"actions\", \"appbar\", \"fab\", \"menu\", \"toolbar\", \"action-sheet\", \"dialog\", \"drawer\", \"notification\", \"popover\", \"responsive-panel\", \"window\", \"bottom-navigation\", \"breadcrumb\", \"pager\", \"stepper\", \"tabstrip\", \"treeview\", \"wizard\", \"card\", \"expander\", \"panelbar\", \"splitter\", \"tile-layout\", \"dock-manager\", \"grid\", \"listview\", \"spreadsheet\", \"pivotgrid\", \"treelist\", \"filter\", \"file-manager\", \"task-board\", \"editor\", \"image-editor\", \"gantt\", \"scheduler\", \"adaptive\", \"chat\", \"media-player\", \"timeline\", \"pdf-viewer\", \"scroller\", \"scrollview\", \"dataviz\", \"map\", \"orgchart\", \"signature\""
     },
     "equilateral-index": {
         "type": "Number",
@@ -12403,6 +12403,146 @@
         "type": "Color",
         "value": "rgba(255, 255, 255, 0.2)"
     },
+    "kendo-dock-manager-border-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-dock-manager-border-style": {
+        "type": "String",
+        "value": "solid"
+    },
+    "kendo-dock-manager-border": {
+        "type": "Color",
+        "value": "#e4e5e6"
+    },
+    "kendo-dock-manager-pane-header-padding-y": {
+        "type": "Number",
+        "value": "0.5rem"
+    },
+    "kendo-dock-manager-pane-header-padding-x": {
+        "type": "Number",
+        "value": "1rem"
+    },
+    "kendo-dock-manager-pane-header-border-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-dock-manager-pane-header-border-style": {
+        "type": "String",
+        "value": "solid"
+    },
+    "kendo-dock-manager-pane-header-bg": {
+        "type": "Color",
+        "value": "#ffffff"
+    },
+    "kendo-dock-manager-pane-title-padding-y": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-dock-manager-pane-title-padding-x": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-dock-manager-pane-title-font-family": {
+        "type": "List",
+        "value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\""
+    },
+    "kendo-dock-manager-pane-title-font-size": {
+        "type": "Number",
+        "value": "1.25rem"
+    },
+    "kendo-dock-manager-pane-title-line-height": {
+        "type": "Number",
+        "value": "1.25"
+    },
+    "kendo-dock-manager-pane-title-font-weight": {
+        "type": "Number",
+        "value": "400"
+    },
+    "kendo-dock-manager-pane-content-padding-x": {
+        "type": "Number",
+        "value": "1rem"
+    },
+    "kendo-dock-manager-pane-content-padding-y": {
+        "type": "Number",
+        "value": "0.5rem"
+    },
+    "kendo-dock-manager-tabbed-pane-padding-y": {
+        "type": "Number",
+        "value": "0.875rem"
+    },
+    "kendo-dock-manager-tabbed-pane-padding-x": {
+        "type": "Number",
+        "value": "0.5rem"
+    },
+    "kendo-dock-manager-unpinned-container-width": {
+        "type": "Number",
+        "value": "300px"
+    },
+    "kendo-dock-manager-unpinned-container-bg": {
+        "type": "Color",
+        "value": "#ffffff"
+    },
+    "kendo-dock-manager-unpinned-container-shadow": {
+        "type": "List",
+        "value": "4px 0px 5px 0px rgba(0, 0, 0, 0.04), 2px 0px 4px 0px rgba(0, 0, 0, 0.03)"
+    },
+    "kendo-dock-indicator-padding": {
+        "type": "Number",
+        "value": "0.375rem"
+    },
+    "kendo-dock-indicator-bg": {
+        "type": "Color",
+        "value": "#ffffff"
+    },
+    "kendo-dock-indicator-text": {
+        "type": "Color",
+        "value": "#0d6efd"
+    },
+    "kendo-dock-indicator-outline-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-dock-indicator-outline-style": {
+        "type": "String",
+        "value": "solid"
+    },
+    "kendo-dock-indicator-outline": {
+        "type": "Color",
+        "value": "#0d6efd"
+    },
+    "kendo-dock-indicator-shadow": {
+        "type": "List",
+        "value": "drop-shadow(0px 1px 18px rgba(0, 0, 0, 0.12)) drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2))"
+    },
+    "kendo-dock-indicator-hover-bg": {
+        "type": "Color",
+        "value": "#0d6efd"
+    },
+    "kendo-dock-indicator-hover-text": {
+        "type": "Color",
+        "value": "#ffffff"
+    },
+    "kendo-dock-manager-dock-preview-border-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-dock-manager-dock-preview-border-style": {
+        "type": "String",
+        "value": "dashed"
+    },
+    "kendo-dock-manager-dock-preview-border-radius": {
+        "type": "Number",
+        "value": "0.25rem"
+    },
+    "kendo-dock-manager-dock-preview-bg": {
+        "type": "Color",
+        "value": "rgba(13, 110, 253, 0.16)"
+    },
+    "kendo-dock-manager-dock-preview-border": {
+        "type": "Color",
+        "value": "#0d6efd"
+    },
     "kendo-adaptive-bg": {
         "type": "Color",
         "value": "#ffffff"
@@ -15655,15 +15795,15 @@
         "type": "List",
         "value": "0 0 15px #dee2e6"
     },
-    "kendo-pdf-viewer-search-dialog-padding-x": {
+    "kendo-pdf-viewer-search-panel-padding-x": {
         "type": "Number",
         "value": "0.5rem"
     },
-    "kendo-pdf-viewer-search-dialog-padding-y": {
+    "kendo-pdf-viewer-search-panel-padding-y": {
         "type": "Calculation",
         "value": "calc( 0.5rem * 2 )"
     },
-    "kendo-pdf-viewer-search-dialog-spacing": {
+    "kendo-pdf-viewer-search-panel-spacing": {
         "type": "Number",
         "value": "0.5rem"
     },

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

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

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "6.8.0-dev.0",
+    "version": "6.8.0-dev.2",
     "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": "6.8.0-dev.0",
+    "version": "6.8.0-dev.2",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "6.8.0-dev.0",
+    "version": "6.8.0-dev.2",
     "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": "6.8.0-dev.0",
+    "version": "6.8.0-dev.2",
     "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": "6.8.0-dev.0",
+    "version": "6.8.0-dev.2",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

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

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "6.8.0-dev.0",
+    "version": "6.8.0-dev.2",
     "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": "6.8.0-dev.0",
+    "version": "6.8.0-dev.2",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

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

package/lib/swatches/bootstrap-urban.json

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

package/lib/swatches/bootstrap-vintage.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "6.8.0-dev.0",
+  "version": "6.8.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -51,10 +51,10 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "1.9.0",
-    "@progress/kendo-theme-core": "6.8.0-dev.0",
-    "@progress/kendo-theme-default": "6.8.0-dev.0",
-    "@progress/kendo-theme-utils": "6.8.0-dev.0",
+    "@progress/kendo-theme-core": "6.8.0-dev.2",
+    "@progress/kendo-theme-default": "6.8.0-dev.2",
+    "@progress/kendo-theme-utils": "6.8.0-dev.2",
     "bootstrap": "5.2.1"
   },
-  "gitHead": "e41c60c822242a3a105f8f403df4fff291c81628"
+  "gitHead": "1d0254882897f857ca96fd31477a6e2c18d18433"
 }

package/scss/dock-manager/_index.scss

@@ -0,0 +1,38 @@
+@import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+// Module meta
+$_kendo-module-meta: (
+    name: "dock-manager",
+    dependencies: (
+        "splitter",
+        "toolbar",
+        "tabstrip"
+    )
+);
+
+// Dependencies
+@import "../splitter/_index.scss";
+@import "../toolbar/_index.scss";
+@import "../tabstrip/_index.scss";
+
+// Component
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";
+
+// Register
+@import "../core/module-system/index.import.scss";
+@include module-register( $_kendo-module-meta... );
+
+// Expose
+@mixin kendo-dock-manager--styles() {
+    @include module-render("dock-manager") {
+        @include kendo-dock-manager--layout();
+        @include kendo-dock-manager--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-dock-manager--styles();
+}

package/scss/dock-manager/_layout.scss

@@ -0,0 +1,6 @@
+@import "@progress/kendo-theme-default/scss/dock-manager/_layout.scss";
+
+@mixin kendo-dock-manager--layout() {
+    @include kendo-dock-manager--layout-base();
+    @include kendo-dock-navigator--layout();
+}

package/scss/dock-manager/_theme.scss

@@ -0,0 +1,6 @@
+@import "@progress/kendo-theme-default/scss/dock-manager/_theme.scss";
+
+@mixin kendo-dock-manager--theme() {
+    @include kendo-dock-manager--theme-base();
+    @include kendo-dock-navigator--theme();
+}

package/scss/dock-manager/_variables.scss

@@ -0,0 +1,113 @@
+///  The width of the border around the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-border-width: 1px !default;
+/// The style of the border around the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-border-style: solid !default;
+/// The color of the border around the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-border: $kendo-base-border !default;
+
+/// The vertical padding of the pane header in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-header-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+/// The horizontal padding of the pane header in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+/// The width of the border around the pane header in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-header-border-width: $kendo-dock-manager-border-width !default;
+///  The style of the border around the pane header in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-header-border-style: solid !default;
+/// The background color of the pane header in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-header-bg: $kendo-component-bg !default;
+
+/// The vertical padding of the pane title in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-title-padding-y: null !default;
+/// The horizontal padding of the pane title in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-title-padding-x: null !default;
+/// The font family of the pane title in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-title-font-family: $kendo-font-family !default;
+/// The font size of the pane title in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-title-font-size: $kendo-font-size-lg !default;
+/// The line height of the pane title in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-title-line-height: $kendo-line-height-sm !default;
+/// The font weight of the pane title in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-title-font-weight: $kendo-font-weight-normal !default;
+
+/// The horizontal padding of the pane content in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-content-padding-x: $kendo-dock-manager-pane-header-padding-x !default;
+/// The vertical padding of the pane content in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-pane-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+
+/// The horizontal padding of the tabbed pane in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-tabbed-pane-padding-y: k-map-get( $kendo-spacing, 3.5 ) !default;
+/// The horizontal padding of the tabbed pane in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-tabbed-pane-padding-x: $kendo-dock-manager-pane-content-padding-y !default;
+
+/// The width of the unpinned pane container in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-unpinned-container-width: 300px !default;
+/// The background-color of the unpinned pane container in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-unpinned-container-bg: $kendo-component-bg !default;
+/// The box shadow of the unpinned pane container in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-unpinned-container-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.04), 2px 0px 4px 0px rgba(0, 0, 0, 0.03) !default;
+
+/// The padding of the dock indicator in the DockManager component.
+/// @group dock-manager
+$kendo-dock-indicator-padding: k-map-get( $kendo-spacing, 1.5 ) !default;
+/// The background color of the dock indicator in the DockManager component.
+/// @group dock-manager
+$kendo-dock-indicator-bg: $kendo-component-bg !default;
+/// The text color of the dock indicator in the DockManager component.
+/// @group dock-manager
+$kendo-dock-indicator-text: $kendo-color-primary !default;
+/// The outline width of the dock indicator in the DockManager component.
+/// @group dock-manager
+$kendo-dock-indicator-outline-width: 1px !default;
+/// The outline style of the dock indicator in the DockManager component.
+/// @group dock-manager
+$kendo-dock-indicator-outline-style: solid !default;
+/// The outline color of the dock indicator in the DockManager component.
+/// @group dock-manager
+$kendo-dock-indicator-outline: $kendo-dock-indicator-text !default;
+/// The box shadow of the dock indicator in the DockManager component.
+/// @group dock-manager
+$kendo-dock-indicator-shadow: drop-shadow( 0px 1px 18px rgba(0, 0, 0, 0.12) ) drop-shadow( 0px 6px 10px rgba(0, 0, 0, 0.14) ) drop-shadow( 0px 3px 5px rgba(0, 0, 0, 0.20) ) !default;
+
+///  The background color of the hovered dock indicator in the DockManager component.
+/// @group dock-manager
+$kendo-dock-indicator-hover-bg: $kendo-color-primary !default;
+/// The text color of the hovered dock indicator in the DockManager component.
+/// @group dock-manager
+$kendo-dock-indicator-hover-text: $kendo-color-white !default;
+
+/// The width of the border around the dropping area in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-dock-preview-border-width: 1px !default;
+/// The style of the border around the dropping area in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-dock-preview-border-style: dashed !default;
+/// The border radius of the dropping area in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-dock-preview-border-radius: $kendo-border-radius-sm !default;
+/// The background color of the dropping area in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-dock-preview-bg: rgba( $kendo-color-primary, .16 ) !default;
+/// The border color of the dropping area in the DockManager component.
+/// @group dock-manager
+$kendo-dock-manager-dock-preview-border: $kendo-color-primary !default;

package/scss/index.scss

@@ -120,6 +120,7 @@
 @import "./panelbar/_index.scss";
 @import "./splitter/_index.scss";
 @import "./tilelayout/_index.scss";
+@import "./dock-manager/_index.scss";
 
 
 // Data management
@@ -288,6 +289,7 @@
     @include kendo-panelbar--styles();
     @include kendo-splitter--styles();
     @include kendo-tile-layout--styles();
+    @include kendo-dock-manager--styles();
 
 
     // Data management

package/scss/pdf-viewer/_variables.scss

@@ -25,10 +25,9 @@ $kendo-pdf-viewer-page-text: $kendo-component-text !default;
 $kendo-pdf-viewer-page-border: $kendo-component-border !default;
 $kendo-pdf-viewer-page-shadow: 0 0 k-math-div( $kendo-pdf-viewer-page-spacing, 2 ) $kendo-pdf-viewer-page-border !default;
 
-$kendo-pdf-viewer-search-dialog-padding-x: $kendo-toolbar-md-padding-x !default;
-$kendo-pdf-viewer-search-dialog-padding-y: calc( #{$kendo-toolbar-md-padding-x} * 2 ) !default;
-$kendo-pdf-viewer-search-dialog-spacing: $kendo-toolbar-md-spacing !default;
-
+$kendo-pdf-viewer-search-panel-padding-x: $kendo-toolbar-md-padding-x !default;
+$kendo-pdf-viewer-search-panel-padding-y: calc( #{$kendo-toolbar-md-padding-x} * 2 ) !default;
+$kendo-pdf-viewer-search-panel-spacing: $kendo-toolbar-md-spacing !default;
 $kendo-pdf-viewer-search-panel-border-width: 1px !default;
 $kendo-pdf-viewer-search-panel-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-pdf-viewer-search-panel-bg: $kendo-component-bg !default;