@progress/kendo-theme-default 6.8.0-dev.2 → 7.0.0

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

@@ -358,7 +358,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-appbar-box-shadow",
-            "value": "0px 1px 1px rgba(0, 0, 0, .16)",
+            "value": "k-elevation(4)",
             "scope": "default",
             "line": {
                 "start": 51,
@@ -383,7 +383,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-appbar-bottom-box-shadow",
-            "value": "0px -1px 1px rgba(0, 0, 0, .16)",
+            "value": "$kendo-appbar-box-shadow",
             "scope": "default",
             "line": {
                 "start": 54,
@@ -1508,7 +1508,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-bottom-nav-shadow",
-            "value": "0px 0px 5px rgba(0, 0, 0, .12)",
+            "value": "k-elevation(4)",
             "scope": "default",
             "line": {
                 "start": 52,
@@ -7408,7 +7408,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-focus-shadow",
-            "value": "1px 1px 7px 1px rgba(0, 0, 0, .3)",
+            "value": "k-elevation(3)",
             "scope": "default",
             "line": {
                 "start": 51,
@@ -7700,15 +7700,15 @@
         }
     },
     {
-        "description": "The border radius of the ColorGradient canvas drag handle.\n",
+        "description": "The width of the outline around the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 89,
             "end": 90
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-border-radius",
-            "value": "50%",
+            "name": "kendo-color-gradient-draghandle-outline-width",
+            "value": "1px",
             "scope": "default",
             "line": {
                 "start": 91,
@@ -7725,15 +7725,15 @@
         }
     },
     {
-        "description": "The text color of the ColorGradient canvas drag handle.\n",
+        "description": "The border radius of the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 92,
             "end": 93
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-text",
-            "value": "null",
+            "name": "kendo-color-gradient-draghandle-border-radius",
+            "value": "50%",
             "scope": "default",
             "line": {
                 "start": 94,
@@ -7750,15 +7750,15 @@
         }
     },
     {
-        "description": "The background color of the ColorGradient canvas drag handle.\n",
+        "description": "The text color of the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 95,
             "end": 96
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-bg",
-            "value": "transparent",
+            "name": "kendo-color-gradient-draghandle-text",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 97,
@@ -7775,15 +7775,15 @@
         }
     },
     {
-        "description": "The color of the border around the ColorGradient canvas drag handle.\n",
+        "description": "The background color of the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 98,
             "end": 99
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-border",
-            "value": "rgba( $kendo-color-white, .8)",
+            "name": "kendo-color-gradient-draghandle-bg",
+            "value": "transparent",
             "scope": "default",
             "line": {
                 "start": 100,
@@ -7800,15 +7800,15 @@
         }
     },
     {
-        "description": "The box shadow of the ColorGradient canvas drag handle.\n",
+        "description": "The color of the border around the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 101,
             "end": 102
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-shadow",
-            "value": "0 1px 4px rgba(0, 0, 0, .5)",
+            "name": "kendo-color-gradient-draghandle-border",
+            "value": "rgba( $kendo-color-white, .8)",
             "scope": "default",
             "line": {
                 "start": 103,
@@ -7825,15 +7825,15 @@
         }
     },
     {
-        "description": "The box shadow of the focused ColorGradient canvas drag handle.\n",
+        "description": "The color of the outline around the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 104,
             "end": 105
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-focus-shadow",
-            "value": "0 1px 4px black",
+            "name": "kendo-color-gradient-draghandle-shadow",
+            "value": "rgba( $kendo-color-black, .5 )",
             "scope": "default",
             "line": {
                 "start": 106,
@@ -7850,15 +7850,15 @@
         }
     },
     {
-        "description": "The box shadow of the hovered ColorGradient canvas drag handle.\n",
+        "description": "The focus color of the outline around the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 107,
             "end": 108
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-hover-shadow",
-            "value": "$kendo-color-gradient-draghandle-focus-shadow",
+            "name": "kendo-color-gradient-draghandle-focus-shadow",
+            "value": "$kendo-color-black",
             "scope": "default",
             "line": {
                 "start": 109,
@@ -7874,11 +7874,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The hover color of the outline around the ColorGradient canvas drag handle.\n",
+        "commentRange": {
+            "start": 110,
+            "end": 111
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-gradient-draghandle-hover-shadow",
+            "value": "$kendo-color-black",
+            "scope": "default",
+            "line": {
+                "start": 112,
+                "end": 112
+            }
+        },
+        "group": [
+            "cologradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of the ColorGradient canvas drag handle.\n",
+        "commentRange": {
+            "start": 113,
+            "end": 114
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-gradient-draghandle-shadow",
+            "value": "k-elevation(2)",
+            "scope": "default",
+            "line": {
+                "start": 115,
+                "end": 115
+            }
+        },
+        "group": [
+            "cologradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The vertical margin of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -7886,8 +7936,8 @@
             "value": "- k-math-div( $kendo-color-gradient-draghandle-height, 2 )",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -7902,8 +7952,8 @@
     {
         "description": "The horizontal margin of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -7911,8 +7961,8 @@
             "value": "- k-math-div( $kendo-color-gradient-draghandle-width, 2 )",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -7927,8 +7977,8 @@
     {
         "description": "The width of the ColorGradient input.\n",
         "commentRange": {
-            "start": 118,
-            "end": 119
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
@@ -7936,8 +7986,8 @@
             "value": "46px",
             "scope": "default",
             "line": {
-                "start": 120,
-                "end": 120
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -7952,8 +8002,8 @@
     {
         "description": "The spacing between the ColorGradient inputs.\n",
         "commentRange": {
-            "start": 121,
-            "end": 122
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -7961,8 +8011,8 @@
             "value": "k-math-div( $kendo-color-gradient-spacer, 1.5 )",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -7977,8 +8027,8 @@
     {
         "description": "The spacing between the ColorGradient inputs and their labels.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -7986,8 +8036,8 @@
             "value": "k-math-div( $kendo-color-gradient-spacer, 3 )",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -8002,8 +8052,8 @@
     {
         "description": "The text color of the ColorGradient input labels.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -8011,8 +8061,8 @@
             "value": "$kendo-subtle-text",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -8027,8 +8077,8 @@
     {
         "description": "The font weight of the ColorGradient contrast ratio text.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -8036,8 +8086,8 @@
             "value": "$kendo-font-weight-bold",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -8052,8 +8102,8 @@
     {
         "description": "The spacing between the items in the ColorGradient contrast tool.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -8061,8 +8111,8 @@
             "value": "k-math-div( $kendo-color-gradient-spacer, 1.5 )",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -8689,17 +8739,17 @@
     {
         "description": "The box shadow of the focused ColorEditor.\n",
         "commentRange": {
-            "start": 38,
-            "end": 39
+            "start": 39,
+            "end": 40
         },
         "context": {
             "type": "variable",
             "name": "kendo-color-editor-focus-shadow",
-            "value": "1px 1px 7px 1px rgba(0, 0, 0, .3)",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 40,
-                "end": 40
+                "start": 41,
+                "end": 41
             }
         },
         "group": [
@@ -8714,8 +8764,8 @@
     {
         "description": "The vertical padding of the ColorEditor header.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 43,
+            "end": 44
         },
         "context": {
             "type": "variable",
@@ -8723,8 +8773,8 @@
             "value": "$kendo-color-editor-spacer",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 45,
+                "end": 45
             }
         },
         "group": [
@@ -8739,8 +8789,8 @@
     {
         "description": "The horizontal padding of the ColorEditor header.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 46,
+            "end": 47
         },
         "context": {
             "type": "variable",
@@ -8748,8 +8798,8 @@
             "value": "$kendo-color-editor-header-padding-y",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 47
+                "start": 48,
+                "end": 48
             }
         },
         "group": [
@@ -8764,8 +8814,8 @@
     {
         "description": "The spacing between the ColorEditor header actions.\n",
         "commentRange": {
-            "start": 48,
-            "end": 49
+            "start": 49,
+            "end": 50
         },
         "context": {
             "type": "variable",
@@ -8773,8 +8823,8 @@
             "value": "k-math-div( $kendo-color-editor-spacer, 1.5 )",
             "scope": "default",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 51,
+                "end": 51
             }
         },
         "group": [
@@ -8789,8 +8839,8 @@
     {
         "description": "The width of the ColorEditor preview.\n",
         "commentRange": {
-            "start": 52,
-            "end": 53
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
@@ -8798,8 +8848,8 @@
             "value": "32px",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -8814,8 +8864,8 @@
     {
         "description": "The height of the ColorEditor preview.\n",
         "commentRange": {
-            "start": 55,
-            "end": 56
+            "start": 56,
+            "end": 57
         },
         "context": {
             "type": "variable",
@@ -8823,8 +8873,8 @@
             "value": "12px",
             "scope": "default",
             "line": {
-                "start": 57,
-                "end": 57
+                "start": 58,
+                "end": 58
             }
         },
         "group": [
@@ -8839,8 +8889,8 @@
     {
         "description": "The spacing between the colors in the ColorEditor preview.\n",
         "commentRange": {
-            "start": 58,
-            "end": 59
+            "start": 59,
+            "end": 60
         },
         "context": {
             "type": "variable",
@@ -8848,8 +8898,8 @@
             "value": "k-map-get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
-                "start": 60,
-                "end": 60
+                "start": 61,
+                "end": 61
             }
         },
         "group": [
@@ -8864,8 +8914,8 @@
     {
         "description": "The vertical padding of the ColorEditor views container.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -8873,8 +8923,8 @@
             "value": "$kendo-color-editor-spacer",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -8889,8 +8939,8 @@
     {
         "description": "The horizontal padding of the ColorEditor views container.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -8898,8 +8948,8 @@
             "value": "$kendo-color-editor-views-padding-y",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -8914,8 +8964,8 @@
     {
         "description": "The spacing of the ColorEditor views container.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
@@ -8923,8 +8973,8 @@
             "value": "$kendo-color-editor-spacer",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -8939,8 +8989,8 @@
     {
         "description": "The outline color of the focused ColorGradient.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -8948,8 +8998,8 @@
             "value": "rgba(0, 0, 0, .3)",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -8964,8 +9014,8 @@
     {
         "description": "The outline width of the focused ColorGradient.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
@@ -8973,8 +9023,8 @@
             "value": "2px",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -8989,8 +9039,8 @@
     {
         "description": "The outline offset of the focused ColorGradient.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 79,
+            "end": 80
         },
         "context": {
             "type": "variable",
@@ -8998,8 +9048,8 @@
             "value": "4px",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 81,
+                "end": 81
             }
         },
         "group": [
@@ -13145,7 +13195,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-shadow",
-            "value": "0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2)",
+            "value": "k-elevation(5)",
             "scope": "default",
             "line": {
                 "start": 118,
@@ -13170,7 +13220,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-disabled-shadow",
-            "value": "0 6px 10px k-try-tint( rgba(0, 0, 0, .14), .5 ), 0 1px 18px k-try-tint( rgba(0, 0, 0, .12), .5 ), 0 3px 5px k-try-tint( rgba(0, 0, 0, .2), .5 )",
+            "value": "k-elevation(5)",
             "scope": "default",
             "line": {
                 "start": 121,
@@ -18645,7 +18695,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-header-shadow",
-            "value": "0 5px 10px 0 rgba(0, 0, 0, .06)",
+            "value": "k-elevation(2)",
             "scope": "default",
             "line": {
                 "start": 198,
@@ -25045,7 +25095,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-popup-shadow",
-            "value": "0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04)",
+            "value": "k-elevation(4)",
             "scope": "default",
             "line": {
                 "start": 39,
@@ -35045,7 +35095,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-window-shadow",
-            "value": "0 3px 3px 0 rgba(0, 0, 0, .06)",
+            "value": "k-elevation(8)",
             "scope": "default",
             "line": {
                 "start": 79,
@@ -35070,7 +35120,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-window-focus-shadow",
-            "value": "1px 1px 7px 1px rgba(0, 0, 0, .3)",
+            "value": "k-elevation(9)",
             "scope": "default",
             "line": {
                 "start": 82,