@progress/kendo-theme-classic 6.6.0 → 6.7.0-dev.0

package/dist/meta/variables.json

@@ -7395,6 +7395,10 @@
         "type": "Color",
         "value": "#cacaca"
     },
+    "kendo-breadcrumb-border-width": {
+        "type": "Number",
+        "value": "0px"
+    },
     "kendo-breadcrumb-margin-x": {
         "type": "Null",
         "value": "null"
@@ -7411,10 +7415,6 @@
         "type": "Null",
         "value": "null"
     },
-    "kendo-breadcrumb-border-width": {
-        "type": "Number",
-        "value": "0px"
-    },
     "kendo-breadcrumb-font-family": {
         "type": "String",
         "value": "inherit"
@@ -7423,10 +7423,34 @@
         "type": "Number",
         "value": "14px"
     },
+    "kendo-breadcrumb-sm-font-size": {
+        "type": "Number",
+        "value": "14px"
+    },
+    "kendo-breadcrumb-md-font-size": {
+        "type": "Number",
+        "value": "14px"
+    },
+    "kendo-breadcrumb-lg-font-size": {
+        "type": "Number",
+        "value": "16px"
+    },
     "kendo-breadcrumb-line-height": {
         "type": "Number",
         "value": "1.4285714286"
     },
+    "kendo-breadcrumb-sm-line-height": {
+        "type": "Number",
+        "value": "1.4285714286"
+    },
+    "kendo-breadcrumb-md-line-height": {
+        "type": "Number",
+        "value": "1.4285714286"
+    },
+    "kendo-breadcrumb-lg-line-height": {
+        "type": "Number",
+        "value": "1.5"
+    },
     "kendo-breadcrumb-bg": {
         "type": "Color",
         "value": "#ffffff"
@@ -7439,38 +7463,86 @@
         "type": "Color",
         "value": "#cacaca"
     },
+    "kendo-breadcrumb-focus-shadow": {
+        "type": "List",
+        "value": "0 0 2px 1px rgba(0, 0, 0, 0.06)"
+    },
     "kendo-breadcrumb-link-padding-x": {
         "type": "Number",
         "value": "8px"
     },
+    "kendo-breadcrumb-sm-link-padding-x": {
+        "type": "Number",
+        "value": "8px"
+    },
+    "kendo-breadcrumb-md-link-padding-x": {
+        "type": "Number",
+        "value": "8px"
+    },
+    "kendo-breadcrumb-lg-link-padding-x": {
+        "type": "Number",
+        "value": "8px"
+    },
     "kendo-breadcrumb-link-padding-y": {
         "type": "Number",
         "value": "6px"
     },
-    "kendo-breadcrumb-link-border-radius": {
+    "kendo-breadcrumb-sm-link-padding-y": {
         "type": "Number",
         "value": "4px"
     },
-    "kendo-breadcrumb-icon-link-padding-x": {
+    "kendo-breadcrumb-md-link-padding-y": {
+        "type": "Number",
+        "value": "6px"
+    },
+    "kendo-breadcrumb-lg-link-padding-y": {
         "type": "Number",
         "value": "8px"
     },
+    "kendo-breadcrumb-link-border-radius": {
+        "type": "Number",
+        "value": "4px"
+    },
     "kendo-breadcrumb-icon-link-padding-y": {
         "type": "Number",
         "value": "8px"
     },
-    "kendo-breadcrumb-root-link-spacing": {
+    "kendo-breadcrumb-sm-icon-link-padding-y": {
+        "type": "Number",
+        "value": "6px"
+    },
+    "kendo-breadcrumb-md-icon-link-padding-y": {
         "type": "Number",
         "value": "8px"
     },
-    "kendo-breadcrumb-link-icon-spacing": {
+    "kendo-breadcrumb-lg-icon-link-padding-y": {
         "type": "Number",
-        "value": "4px"
+        "value": "12px"
+    },
+    "kendo-breadcrumb-icon-link-padding-x": {
+        "type": "Number",
+        "value": "8px"
+    },
+    "kendo-breadcrumb-sm-icon-link-padding-x": {
+        "type": "Number",
+        "value": "6px"
+    },
+    "kendo-breadcrumb-md-icon-link-padding-x": {
+        "type": "Number",
+        "value": "8px"
+    },
+    "kendo-breadcrumb-lg-icon-link-padding-x": {
+        "type": "Number",
+        "value": "12px"
     },
     "kendo-breadcrumb-link-initial-text": {
         "type": "String",
         "value": "inherit"
     },
+    "kendo-breadcrumb-link-icon-spacing": {
+        "type": "Number",
+        "value": "4px"
+    },
     "kendo-breadcrumb-link-bg": {
         "type": "Null",
         "value": "null"
@@ -7563,9 +7635,9 @@
         "type": "Null",
         "value": "null"
     },
-    "kendo-breadcrumb-focus-shadow": {
-        "type": "List",
-        "value": "0 0 2px 1px rgba(0, 0, 0, 0.06)"
+    "kendo-breadcrumb-sizes": {
+        "type": "Map",
+        "value": "(sm: (link-padding-x: 8px, link-padding-y: 4px, icon-link-padding-x: 6px, icon-link-padding-y: 6px, font-size: 14px, line-height: 1.4285714286), md: (link-padding-x: 8px, link-padding-y: 6px, icon-link-padding-x: 8px, icon-link-padding-y: 8px, font-size: 14px, line-height: 1.4285714286), lg: (link-padding-x: 8px, link-padding-y: 8px, icon-link-padding-x: 12px, icon-link-padding-y: 12px, font-size: 16px, line-height: 1.5))"
     },
     "kendo-pager-padding-x": {
         "type": "Number",

package/lib/swatches/classic-green-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-lavender-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-lavender.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-main.json

@@ -3,7 +3,7 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-metro-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-metro.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-moonlight.json

@@ -3,7 +3,7 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#1f2a35",

package/lib/swatches/classic-opal-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-silver-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-uniform.json

@@ -3,7 +3,7 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "6.6.0",
+    "version": "6.7.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "6.6.0",
+  "version": "6.7.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -51,9 +51,9 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "1.8.0",
-    "@progress/kendo-theme-core": "6.5.1",
-    "@progress/kendo-theme-default": "6.6.0",
-    "@progress/kendo-theme-utils": "6.5.1"
+    "@progress/kendo-theme-core": "6.7.0-dev.0",
+    "@progress/kendo-theme-default": "6.7.0-dev.0",
+    "@progress/kendo-theme-utils": "6.7.0-dev.0"
   },
-  "gitHead": "2fc95d543b0955d525c4cb43cbd650b65dc3f302"
+  "gitHead": "dca7760b1c668eca96ff626ff9ec6dc6bdf5a3d3"
 }

package/scss/breadcrumb/_variables.scss

@@ -1,59 +1,230 @@
 // Breadcrumb
 
+/// The width of the border around the Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-border-width: 0px !default;
+
+/// The horizontal margin of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-margin-x: null !default;
+/// The vertical margin of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-margin-y: null !default;
+
+/// The horizontal padding of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-padding-x: null !default;
+/// The vertical padding of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-padding-y: null !default;
-$kendo-breadcrumb-border-width: 0px !default;
 
+/// The font family of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-font-family: $kendo-font-family !default;
+
+/// The font size of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-font-size: $kendo-font-size-md !default;
+/// The font size of the small Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-font-size: $kendo-font-size-md !default;
+/// The font size of the medium Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-md-font-size: $kendo-breadcrumb-font-size !default;
+/// The font size of the large Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-font-size: $kendo-font-size-lg !default;
+
+/// The line-height of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-line-height: $kendo-line-height-md !default;
+/// The line-height of the small Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-line-height: $kendo-line-height-md !default;
+/// The line-height of the medium Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-md-line-height: $kendo-breadcrumb-line-height !default;
+/// The line-height of the height Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-line-height: $kendo-line-height-lg !default;
 
+/// The base background of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-bg: $kendo-component-bg !default;
+/// The base text color of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-text: $kendo-component-text !default;
+/// The base border color of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-border: $kendo-component-border !default;
 
+/// The box shadow of the focused Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
+
+/// The horizontal padding of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The horizontal padding of the small Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The horizontal padding of the medium Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-md-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
+/// The horizontal padding of the large Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+
+/// The vertical padding of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
+/// The vertical padding of the small Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-link-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+/// The vertical padding of the medium Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-md-link-padding-y: $kendo-breadcrumb-link-padding-y !default;
+/// The vertical padding of the large Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+
+/// The border-radius of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
 
-$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
-$kendo-breadcrumb-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-x !default;
+/// The vertical padding of the Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-icon-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+/// The vertical padding of the small Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-icon-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
+/// The vertical padding of the medium Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-md-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-y !default;
+/// The vertical padding of the large Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-icon-link-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
 
-$kendo-breadcrumb-root-link-spacing: $kendo-breadcrumb-link-padding-x !default;
-$kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
+/// The horizontal padding of the Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-y !default;
+/// The horizontal padding of the small Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-y !default;
+/// The horizontal padding of the medium Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-md-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-x !default;
+/// The horizontal padding of the large Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-y !default;
 
+/// The text color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-initial-text: inherit !default;
+/// The spacing of the Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
 
+/// The background color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-bg: null !default;
+/// The text color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-text: $kendo-link-text !default;
+/// The border color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-border: null !default;
 
+/// @group breadcrumb
 $kendo-breadcrumb-link-hover-bg: $kendo-base-bg !default;
+/// The text color of the hovered Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-hover-text: $kendo-link-hover-text !default;
+/// The border color of the hovered Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-hover-border: null !default;
 
+/// The background color of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-bg: null !default;
+/// The text color of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-text: $kendo-link-text !default;
+/// The border color of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-border: null !default;
+/// The box shadow of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-shadow: $kendo-focus-shadow !default;
 
+/// The background color of the Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-bg: null !default;
+/// The text color of the Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-text: null !default;
+/// The border color of the Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-border: null !default;
 
+/// The background color of the hovered Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-bg: $kendo-base-bg !default;
+/// The text color of the hovered Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-text: null !default;
+/// The border color of the hovered Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-border: null !default;
 
+/// The background color of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-bg: null !default;
+/// The text color of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-text: null !default;
+/// The border color of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-border: null !default;
+/// The box shadow of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-shadow: $kendo-breadcrumb-link-focus-shadow !default;
 
+/// The background color of the current Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-current-item-bg: null !default;
+/// The text color of the current Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-current-item-text: null !default;
+/// The border color of the current Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-current-item-border: null !default;
 
-$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
+/// The sizes map for the Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-sizes: (
+    sm: (
+        link-padding-x: $kendo-breadcrumb-sm-link-padding-x,
+        link-padding-y: $kendo-breadcrumb-sm-link-padding-y,
+        icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x,
+        icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y,
+        font-size: $kendo-breadcrumb-sm-font-size,
+        line-height: $kendo-breadcrumb-sm-line-height
+    ),
+    md: (
+        link-padding-x: $kendo-breadcrumb-md-link-padding-x,
+        link-padding-y: $kendo-breadcrumb-md-link-padding-y,
+        icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x,
+        icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y,
+        font-size: $kendo-breadcrumb-md-font-size,
+        line-height: $kendo-breadcrumb-md-line-height
+    ),
+    lg: (
+        link-padding-x: $kendo-breadcrumb-lg-link-padding-x,
+        link-padding-y: $kendo-breadcrumb-lg-link-padding-y,
+        icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x,
+        icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y,
+        font-size: $kendo-breadcrumb-lg-font-size,
+        line-height: $kendo-breadcrumb-lg-line-height
+    )
+) !default;