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

package/dist/meta/variables.json

@@ -3715,10 +3715,6 @@
         "type": "Number",
         "value": "8px"
     },
-    "kendo-tooltip-max-width": {
-        "type": "Null",
-        "value": "null"
-    },
     "kendo-tooltip-border-width": {
         "type": "Number",
         "value": "0px"
@@ -3767,65 +3763,13 @@
         "type": "String",
         "value": "var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))"
     },
-    "kendo-tooltip-primary-bg": {
-        "type": "Color",
-        "value": "#ff6358"
-    },
-    "kendo-tooltip-primary-text": {
-        "type": "Color",
-        "value": "white"
-    },
-    "kendo-tooltip-primary-border": {
-        "type": "Color",
-        "value": "#ff6358"
-    },
-    "kendo-tooltip-info-bg": {
-        "type": "Color",
-        "value": "#0058e9"
-    },
-    "kendo-tooltip-info-text": {
-        "type": "Color",
-        "value": "white"
-    },
-    "kendo-tooltip-info-border": {
-        "type": "Color",
-        "value": "#0058e9"
-    },
-    "kendo-tooltip-success-bg": {
-        "type": "Color",
-        "value": "#37b400"
-    },
-    "kendo-tooltip-success-text": {
-        "type": "Color",
-        "value": "white"
-    },
-    "kendo-tooltip-success-border": {
-        "type": "Color",
-        "value": "#37b400"
-    },
-    "kendo-tooltip-warning-bg": {
-        "type": "Color",
-        "value": "#ffc000"
-    },
-    "kendo-tooltip-warning-text": {
-        "type": "Color",
-        "value": "black"
-    },
-    "kendo-tooltip-warning-border": {
-        "type": "Color",
-        "value": "#ffc000"
-    },
-    "kendo-tooltip-error-bg": {
-        "type": "Color",
-        "value": "#f31700"
-    },
-    "kendo-tooltip-error-text": {
-        "type": "Color",
-        "value": "white"
+    "kendo-tooltip-theme-colors": {
+        "type": "Map",
+        "value": "(\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242)"
     },
-    "kendo-tooltip-error-border": {
-        "type": "Color",
-        "value": "#f31700"
+    "kendo-tooltip-theme": {
+        "type": "Map",
+        "value": "(\"inverse\": (color: white, background-color: #424242, border: #424242), \"light\": (color: black, background-color: #ebebeb, border: #ebebeb), \"dark\": (color: white, background-color: #424242, border: #424242), \"error\": (color: white, background-color: #f31700, border: #f31700), \"warning\": (color: black, background-color: #ffc000, border: #ffc000), \"success\": (color: white, background-color: #37b400, border: #37b400), \"info\": (color: white, background-color: #0058e9, border: #0058e9), \"tertiary\": (color: white, background-color: #03a9f4, border: #03a9f4), \"secondary\": (color: white, background-color: #666666, border: #666666), \"primary\": (color: white, background-color: #ff6358, border: #ff6358))"
     },
     "kendo-window-border-width": {
         "type": "Number",

package/lib/swatches/default-blue.json

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

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

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

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

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.3-dev.2",
+    "version": "7.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "7.0.3-dev.2",
+  "version": "7.1.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,12 +52,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "2.0.0",
-    "@progress/kendo-theme-core": "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-utils": "7.1.0-dev.0"
   },
   "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: 280px !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/card/_layout.scss

@@ -33,6 +33,15 @@
         *::after {
             box-sizing: border-box;
         }
+
+        // Card avatar
+        .k-card-avatar,
+        .k-avatar {
+            margin-right: $kendo-card-avatar-spacing;
+            width: $kendo-card-avatar-size;
+            height: $kendo-card-avatar-size;
+            flex-basis: $kendo-card-avatar-size;
+        }
     }
     .k-card > .k-card-inner {
         @include border-radius( $kendo-card-inner-border-radius );
@@ -42,11 +51,9 @@
         position: relative;
     }
 
-
     // Card orientation
-    .k-card-horizontal  { flex-flow: row nowrap; } // stylelint-disable-line block-opening-brace-space-before
-    .k-card-vertical    { flex-flow: column nowrap; } // stylelint-disable-line block-opening-brace-space-before
-
+    .k-card-horizontal { flex-flow: row nowrap; } // stylelint-disable-line block-opening-brace-space-before
+    .k-card-vertical { flex-flow: column nowrap; } // stylelint-disable-line block-opening-brace-space-before
 
     // Header
     .k-card-header {
@@ -103,30 +110,13 @@
         }
     }
 
-
-    // Card avatar
-    .k-card-avatar,
-    .k-card .k-avatar {
-        margin-right: $kendo-card-avatar-spacing;
-        width: $kendo-card-avatar-size;
-        height: $kendo-card-avatar-size;
-        flex-basis: $kendo-card-avatar-size;
-    }
-
-
-    // Card image
-    .k-card-image,
+    // Card media
     .k-card-media {
         border: 0;
         max-width: 100%;
         flex-shrink: 0;
         overflow: hidden;
 
-        > img {
-            border: 0;
-            max-width: 100%;
-        }
-
         .k-card-horizontal & {
             max-width: $kendo-card-img-max-width;
             object-fit: cover;
@@ -170,22 +160,23 @@
         flex: 0 0 auto;
         align-self: stretch;
     }
-    .k-card-separator.k-separator-vertical,
-    .k-card-horizontal > .k-card-separator {
-        border-left-width: 1px;
-    }
+
     .k-card-separator.k-separator-horizontal,
     .k-card-vertical > .k-card-separator {
         border-top-width: 1px;
     }
 
+    .k-card-separator.k-separator-vertical,
+    .k-card-horizontal > .k-card-separator {
+        border-left-width: 1px;
+    }
+
     .k-card > .k-hr {
         margin: 0;
         flex: 0 0 auto;
         border-color: inherit;
     }
 
-
     // Card actions
     .k-card-actions {
         padding-block: $kendo-card-actions-padding-y;
@@ -200,33 +191,6 @@
         gap: $kendo-card-actions-gap;
     }
 
-
-    // Actions align
-    .k-card-actions-start       { justify-content: flex-start; } // stylelint-disable-line block-opening-brace-space-before
-    .k-card-actions-end         { justify-content: flex-end; } // stylelint-disable-line block-opening-brace-space-before
-    .k-card-actions-center      { justify-content: center; } // stylelint-disable-line block-opening-brace-space-before
-
-
-    // Actions orientation
-    .k-card-actions-horizontal  { flex-flow: row nowrap; } // stylelint-disable-line block-opening-brace-space-before
-    .k-card-actions-vertical    { flex-flow: column nowrap; } // stylelint-disable-line block-opening-brace-space-before
-
-
-    // Stretched actions
-    .k-card-actions-stretched > * {
-        flex: 1 1 auto;
-    }
-
-
-    // Card action
-    .k-card-action {
-        border-width: 0;
-        border-style: solid;
-        border-color: inherit;
-        display: inline-flex;
-    }
-
-
     // List
     .k-card-list {
         display: flex;
@@ -318,9 +282,6 @@
         }
     }
 
-
-
-
     // Card with callout
     .k-card-with-callout {
         overflow: visible;

package/scss/colorgradient/_layout.scss

@@ -107,7 +107,6 @@
             z-index: -1;
         }
 
-        .k-slider-wrap,
         .k-slider-track-wrap {
             z-index: 1;
         }

package/scss/dock-manager/_layout.scss

@@ -30,18 +30,6 @@
             height: 0;
             border-width: $kendo-dock-manager-border-width 0 0;
         }
-
-        // Needed because of a bug in Chrome - Issue 1473554
-        // A fix will be shipped likely in milestone 118 and then we can revisit this
-        @supports  (not (-ms-ime-mode: none)) and (not (overflow: -webkit-marquee)) and (not (-moz-appearance:none)) {
-            .k-toolbar-button {
-                padding-block: $kendo-button-padding-x;
-                padding-inline: $kendo-button-padding-y;
-            }
-            .k-toolbar-button .k-button-text {
-                writing-mode: vertical-lr;
-            }
-        }
     }
 
     // Panes

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: $kendo-base-bg !default;
+/// The text color of the DropZone.
+/// @group dropzone
 $kendo-dropzone-text: $kendo-base-text !default;
+/// The border color of the DropZone.
+/// @group dropzone
 $kendo-dropzone-border: $kendo-base-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, 4 ) !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-sm !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;