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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/all.css +647 -4874
  2. package/dist/all.scss +249 -1316
  3. package/dist/meta/sassdoc-data.json +318 -210
  4. package/dist/meta/sassdoc-raw-data.json +113 -63
  5. package/dist/meta/variables.json +97 -121
  6. package/lib/swatches/classic-green-dark.json +1 -1
  7. package/lib/swatches/classic-green.json +1 -1
  8. package/lib/swatches/classic-lavender-dark.json +1 -1
  9. package/lib/swatches/classic-lavender.json +1 -1
  10. package/lib/swatches/classic-main-dark.json +1 -1
  11. package/lib/swatches/classic-main.json +1 -1
  12. package/lib/swatches/classic-metro-dark.json +1 -1
  13. package/lib/swatches/classic-metro.json +1 -1
  14. package/lib/swatches/classic-moonlight.json +1 -1
  15. package/lib/swatches/classic-opal-dark.json +1 -1
  16. package/lib/swatches/classic-opal.json +1 -1
  17. package/lib/swatches/classic-silver-dark.json +1 -1
  18. package/lib/swatches/classic-silver.json +1 -1
  19. package/lib/swatches/classic-uniform.json +1 -1
  20. package/package.json +6 -6
  21. package/scss/action-sheet/_variables.scss +1 -1
  22. package/scss/appbar/_variables.scss +2 -2
  23. package/scss/bottom-navigation/_variables.scss +2 -2
  24. package/scss/card/_variables.scss +2 -2
  25. package/scss/chat/_variables.scss +6 -6
  26. package/scss/coloreditor/_variables.scss +2 -2
  27. package/scss/colorgradient/_variables.scss +14 -8
  28. package/scss/common/_index.scss +1 -0
  29. package/scss/common/_indicators.scss +1 -0
  30. package/scss/core/_index.scss +3 -0
  31. package/scss/fab/_variables.scss +2 -2
  32. package/scss/pdf-viewer/_variables.scss +1 -1
  33. package/scss/pivotgrid/_variables.scss +5 -4
  34. package/scss/popup/_variables.scss +1 -1
  35. package/scss/scheduler/_variables.scss +1 -3
  36. package/scss/tabstrip/_variables.scss +1 -1
  37. package/scss/timeline/_variables.scss +1 -1
  38. package/scss/tooltip/_variables.scss +2 -0
  39. package/scss/window/_variables.scss +2 -2
@@ -358,7 +358,7 @@
358
358
  "context": {
359
359
  "type": "variable",
360
360
  "name": "kendo-appbar-box-shadow",
361
- "value": "0px 1px 1px rgba( black, .16 )",
361
+ "value": "k-elevation(4)",
362
362
  "scope": "default",
363
363
  "line": {
364
364
  "start": 51,
@@ -383,7 +383,7 @@
383
383
  "context": {
384
384
  "type": "variable",
385
385
  "name": "kendo-appbar-bottom-box-shadow",
386
- "value": "0px -1px 1px rgba( black, .16 )",
386
+ "value": "k-elevation(4)",
387
387
  "scope": "default",
388
388
  "line": {
389
389
  "start": 54,
@@ -1508,7 +1508,7 @@
1508
1508
  "context": {
1509
1509
  "type": "variable",
1510
1510
  "name": "kendo-bottom-nav-shadow",
1511
- "value": "0px 0px 5px rgba( black, .12 )",
1511
+ "value": "k-elevation(4)",
1512
1512
  "scope": "default",
1513
1513
  "line": {
1514
1514
  "start": 52,
@@ -7408,7 +7408,7 @@
7408
7408
  "context": {
7409
7409
  "type": "variable",
7410
7410
  "name": "kendo-color-gradient-focus-shadow",
7411
- "value": "1px 1px 7px 1px rgba( black, .3 )",
7411
+ "value": "k-elevation(3)",
7412
7412
  "scope": "default",
7413
7413
  "line": {
7414
7414
  "start": 51,
@@ -7700,15 +7700,15 @@
7700
7700
  }
7701
7701
  },
7702
7702
  {
7703
- "description": "The border radius of the ColorGradient canvas drag handle.\n",
7703
+ "description": "The width of the outline around the ColorGradient canvas drag handle.\n",
7704
7704
  "commentRange": {
7705
7705
  "start": 89,
7706
7706
  "end": 90
7707
7707
  },
7708
7708
  "context": {
7709
7709
  "type": "variable",
7710
- "name": "kendo-color-gradient-draghandle-border-radius",
7711
- "value": "50%",
7710
+ "name": "kendo-color-gradient-draghandle-outline-width",
7711
+ "value": "1px",
7712
7712
  "scope": "default",
7713
7713
  "line": {
7714
7714
  "start": 91,
@@ -7725,15 +7725,15 @@
7725
7725
  }
7726
7726
  },
7727
7727
  {
7728
- "description": "The text color of the ColorGradient canvas drag handle.\n",
7728
+ "description": "The border radius of the ColorGradient canvas drag handle.\n",
7729
7729
  "commentRange": {
7730
7730
  "start": 92,
7731
7731
  "end": 93
7732
7732
  },
7733
7733
  "context": {
7734
7734
  "type": "variable",
7735
- "name": "kendo-color-gradient-draghandle-text",
7736
- "value": "null",
7735
+ "name": "kendo-color-gradient-draghandle-border-radius",
7736
+ "value": "50%",
7737
7737
  "scope": "default",
7738
7738
  "line": {
7739
7739
  "start": 94,
@@ -7750,15 +7750,15 @@
7750
7750
  }
7751
7751
  },
7752
7752
  {
7753
- "description": "The background color of the ColorGradient canvas drag handle.\n",
7753
+ "description": "The text color of the ColorGradient canvas drag handle.\n",
7754
7754
  "commentRange": {
7755
7755
  "start": 95,
7756
7756
  "end": 96
7757
7757
  },
7758
7758
  "context": {
7759
7759
  "type": "variable",
7760
- "name": "kendo-color-gradient-draghandle-bg",
7761
- "value": "transparent",
7760
+ "name": "kendo-color-gradient-draghandle-text",
7761
+ "value": "null",
7762
7762
  "scope": "default",
7763
7763
  "line": {
7764
7764
  "start": 97,
@@ -7775,15 +7775,15 @@
7775
7775
  }
7776
7776
  },
7777
7777
  {
7778
- "description": "The color of the border around the ColorGradient canvas drag handle.\n",
7778
+ "description": "The background color of the ColorGradient canvas drag handle.\n",
7779
7779
  "commentRange": {
7780
7780
  "start": 98,
7781
7781
  "end": 99
7782
7782
  },
7783
7783
  "context": {
7784
7784
  "type": "variable",
7785
- "name": "kendo-color-gradient-draghandle-border",
7786
- "value": "rgba( white, .8)",
7785
+ "name": "kendo-color-gradient-draghandle-bg",
7786
+ "value": "transparent",
7787
7787
  "scope": "default",
7788
7788
  "line": {
7789
7789
  "start": 100,
@@ -7800,15 +7800,15 @@
7800
7800
  }
7801
7801
  },
7802
7802
  {
7803
- "description": "The box shadow of the ColorGradient canvas drag handle.\n",
7803
+ "description": "The color of the border around the ColorGradient canvas drag handle.\n",
7804
7804
  "commentRange": {
7805
7805
  "start": 101,
7806
7806
  "end": 102
7807
7807
  },
7808
7808
  "context": {
7809
7809
  "type": "variable",
7810
- "name": "kendo-color-gradient-draghandle-shadow",
7811
- "value": "0 1px 4px rgba( black, .5 )",
7810
+ "name": "kendo-color-gradient-draghandle-border",
7811
+ "value": "rgba( white, .8)",
7812
7812
  "scope": "default",
7813
7813
  "line": {
7814
7814
  "start": 103,
@@ -7825,15 +7825,15 @@
7825
7825
  }
7826
7826
  },
7827
7827
  {
7828
- "description": "The box shadow of the focused ColorGradient canvas drag handle.\n",
7828
+ "description": "The color of the outline around the ColorGradient canvas drag handle.\n",
7829
7829
  "commentRange": {
7830
7830
  "start": 104,
7831
7831
  "end": 105
7832
7832
  },
7833
7833
  "context": {
7834
7834
  "type": "variable",
7835
- "name": "kendo-color-gradient-draghandle-focus-shadow",
7836
- "value": "0 1px 4px black",
7835
+ "name": "kendo-color-gradient-draghandle-shadow",
7836
+ "value": "rgba( $kendo-color-black, .5)",
7837
7837
  "scope": "default",
7838
7838
  "line": {
7839
7839
  "start": 106,
@@ -7850,15 +7850,15 @@
7850
7850
  }
7851
7851
  },
7852
7852
  {
7853
- "description": "The box shadow of the hovered ColorGradient canvas drag handle.\n",
7853
+ "description": "The focus color of the outline around the ColorGradient canvas drag handle.\n",
7854
7854
  "commentRange": {
7855
7855
  "start": 107,
7856
7856
  "end": 108
7857
7857
  },
7858
7858
  "context": {
7859
7859
  "type": "variable",
7860
- "name": "kendo-color-gradient-draghandle-hover-shadow",
7861
- "value": "$kendo-color-gradient-draghandle-focus-shadow",
7860
+ "name": "kendo-color-gradient-draghandle-focus-shadow",
7861
+ "value": "$kendo-color-black",
7862
7862
  "scope": "default",
7863
7863
  "line": {
7864
7864
  "start": 109,
@@ -7874,11 +7874,61 @@
7874
7874
  "name": "_variables.scss"
7875
7875
  }
7876
7876
  },
7877
+ {
7878
+ "description": "The outline color of the outline around the ColorGradient canvas drag handle.\n",
7879
+ "commentRange": {
7880
+ "start": 110,
7881
+ "end": 111
7882
+ },
7883
+ "context": {
7884
+ "type": "variable",
7885
+ "name": "kendo-color-gradient-draghandle-hover-shadow",
7886
+ "value": "$kendo-color-black",
7887
+ "scope": "default",
7888
+ "line": {
7889
+ "start": 112,
7890
+ "end": 112
7891
+ }
7892
+ },
7893
+ "group": [
7894
+ "cologradient"
7895
+ ],
7896
+ "access": "public",
7897
+ "file": {
7898
+ "path": "colorgradient/_variables.scss",
7899
+ "name": "_variables.scss"
7900
+ }
7901
+ },
7902
+ {
7903
+ "description": "The box shadow of the ColorGradient canvas drag handle.\n",
7904
+ "commentRange": {
7905
+ "start": 113,
7906
+ "end": 114
7907
+ },
7908
+ "context": {
7909
+ "type": "variable",
7910
+ "name": "kendo-color-gradient-draghandle-shadow",
7911
+ "value": "k-elevation(2)",
7912
+ "scope": "default",
7913
+ "line": {
7914
+ "start": 115,
7915
+ "end": 115
7916
+ }
7917
+ },
7918
+ "group": [
7919
+ "cologradient"
7920
+ ],
7921
+ "access": "public",
7922
+ "file": {
7923
+ "path": "colorgradient/_variables.scss",
7924
+ "name": "_variables.scss"
7925
+ }
7926
+ },
7877
7927
  {
7878
7928
  "description": "The vertical margin of the ColorGradient canvas drag handle.\n",
7879
7929
  "commentRange": {
7880
- "start": 111,
7881
- "end": 112
7930
+ "start": 117,
7931
+ "end": 118
7882
7932
  },
7883
7933
  "context": {
7884
7934
  "type": "variable",
@@ -7886,8 +7936,8 @@
7886
7936
  "value": "- k-math-div( $kendo-color-gradient-draghandle-height, 2 )",
7887
7937
  "scope": "default",
7888
7938
  "line": {
7889
- "start": 113,
7890
- "end": 113
7939
+ "start": 119,
7940
+ "end": 119
7891
7941
  }
7892
7942
  },
7893
7943
  "group": [
@@ -7902,8 +7952,8 @@
7902
7952
  {
7903
7953
  "description": "The horizontal margin of the ColorGradient canvas drag handle.\n",
7904
7954
  "commentRange": {
7905
- "start": 114,
7906
- "end": 115
7955
+ "start": 120,
7956
+ "end": 121
7907
7957
  },
7908
7958
  "context": {
7909
7959
  "type": "variable",
@@ -7911,8 +7961,8 @@
7911
7961
  "value": "- k-math-div( $kendo-color-gradient-draghandle-width, 2 )",
7912
7962
  "scope": "default",
7913
7963
  "line": {
7914
- "start": 116,
7915
- "end": 116
7964
+ "start": 122,
7965
+ "end": 122
7916
7966
  }
7917
7967
  },
7918
7968
  "group": [
@@ -7927,8 +7977,8 @@
7927
7977
  {
7928
7978
  "description": "The width of the ColorGradient input.\n",
7929
7979
  "commentRange": {
7930
- "start": 118,
7931
- "end": 119
7980
+ "start": 124,
7981
+ "end": 125
7932
7982
  },
7933
7983
  "context": {
7934
7984
  "type": "variable",
@@ -7936,8 +7986,8 @@
7936
7986
  "value": "46px",
7937
7987
  "scope": "default",
7938
7988
  "line": {
7939
- "start": 120,
7940
- "end": 120
7989
+ "start": 126,
7990
+ "end": 126
7941
7991
  }
7942
7992
  },
7943
7993
  "group": [
@@ -7952,8 +8002,8 @@
7952
8002
  {
7953
8003
  "description": "The spacing between the ColorGradient inputs.\n",
7954
8004
  "commentRange": {
7955
- "start": 121,
7956
- "end": 122
8005
+ "start": 127,
8006
+ "end": 128
7957
8007
  },
7958
8008
  "context": {
7959
8009
  "type": "variable",
@@ -7961,8 +8011,8 @@
7961
8011
  "value": "k-math-div( $kendo-color-gradient-spacer, 1.5 )",
7962
8012
  "scope": "default",
7963
8013
  "line": {
7964
- "start": 123,
7965
- "end": 123
8014
+ "start": 129,
8015
+ "end": 129
7966
8016
  }
7967
8017
  },
7968
8018
  "group": [
@@ -7977,8 +8027,8 @@
7977
8027
  {
7978
8028
  "description": "The spacing between the ColorGradient inputs and their labels.\n",
7979
8029
  "commentRange": {
7980
- "start": 124,
7981
- "end": 125
8030
+ "start": 130,
8031
+ "end": 131
7982
8032
  },
7983
8033
  "context": {
7984
8034
  "type": "variable",
@@ -7986,8 +8036,8 @@
7986
8036
  "value": "k-math-div( $kendo-color-gradient-spacer, 3 )",
7987
8037
  "scope": "default",
7988
8038
  "line": {
7989
- "start": 126,
7990
- "end": 126
8039
+ "start": 132,
8040
+ "end": 132
7991
8041
  }
7992
8042
  },
7993
8043
  "group": [
@@ -8002,8 +8052,8 @@
8002
8052
  {
8003
8053
  "description": "The text color of the ColorGradient input labels.\n",
8004
8054
  "commentRange": {
8005
- "start": 127,
8006
- "end": 128
8055
+ "start": 133,
8056
+ "end": 134
8007
8057
  },
8008
8058
  "context": {
8009
8059
  "type": "variable",
@@ -8011,8 +8061,8 @@
8011
8061
  "value": "$kendo-subtle-text",
8012
8062
  "scope": "default",
8013
8063
  "line": {
8014
- "start": 129,
8015
- "end": 129
8064
+ "start": 135,
8065
+ "end": 135
8016
8066
  }
8017
8067
  },
8018
8068
  "group": [
@@ -8027,8 +8077,8 @@
8027
8077
  {
8028
8078
  "description": "The font weight of the ColorGradient contrast ratio text.\n",
8029
8079
  "commentRange": {
8030
- "start": 131,
8031
- "end": 132
8080
+ "start": 137,
8081
+ "end": 138
8032
8082
  },
8033
8083
  "context": {
8034
8084
  "type": "variable",
@@ -8036,8 +8086,8 @@
8036
8086
  "value": "$kendo-font-weight-bold",
8037
8087
  "scope": "default",
8038
8088
  "line": {
8039
- "start": 133,
8040
- "end": 133
8089
+ "start": 139,
8090
+ "end": 139
8041
8091
  }
8042
8092
  },
8043
8093
  "group": [
@@ -8052,8 +8102,8 @@
8052
8102
  {
8053
8103
  "description": "The spacing between the items in the ColorGradient contrast tool.\n",
8054
8104
  "commentRange": {
8055
- "start": 134,
8056
- "end": 135
8105
+ "start": 140,
8106
+ "end": 141
8057
8107
  },
8058
8108
  "context": {
8059
8109
  "type": "variable",
@@ -8061,8 +8111,8 @@
8061
8111
  "value": "k-math-div( $kendo-color-gradient-spacer, 1.5 )",
8062
8112
  "scope": "default",
8063
8113
  "line": {
8064
- "start": 136,
8065
- "end": 136
8114
+ "start": 142,
8115
+ "end": 142
8066
8116
  }
8067
8117
  },
8068
8118
  "group": [
@@ -8747,7 +8797,7 @@
8747
8797
  "context": {
8748
8798
  "type": "variable",
8749
8799
  "name": "kendo-color-editor-focus-shadow",
8750
- "value": "1px 1px 7px 1px rgba( black, .3 )",
8800
+ "value": "k-elevation(3)",
8751
8801
  "scope": "default",
8752
8802
  "line": {
8753
8803
  "start": 40,
@@ -12372,7 +12422,7 @@
12372
12422
  "context": {
12373
12423
  "type": "variable",
12374
12424
  "name": "kendo-fab-shadow",
12375
- "value": "0 6px 10px rgba( black, .14 ), 0 1px 18px rgba( black, .12 ), 0 3px 5px rgba( black, .2 )",
12425
+ "value": "k-elevation(5)",
12376
12426
  "scope": "default",
12377
12427
  "line": {
12378
12428
  "start": 118,
@@ -12397,7 +12447,7 @@
12397
12447
  "context": {
12398
12448
  "type": "variable",
12399
12449
  "name": "kendo-fab-disabled-shadow",
12400
- "value": "0 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0 1px 18px k-try-tint( rgba( black, .12 ), .5 ), 0 3px 5px k-try-tint( rgba( black, .2 ), .5 )",
12450
+ "value": "k-elevation(5)",
12401
12451
  "scope": "default",
12402
12452
  "line": {
12403
12453
  "start": 121,
@@ -24322,7 +24372,7 @@
24322
24372
  "context": {
24323
24373
  "type": "variable",
24324
24374
  "name": "kendo-popup-shadow",
24325
- "value": "0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 )",
24375
+ "value": "k-elevation(4)",
24326
24376
  "scope": "default",
24327
24377
  "line": {
24328
24378
  "start": 39,
@@ -33747,7 +33797,7 @@
33747
33797
  "context": {
33748
33798
  "type": "variable",
33749
33799
  "name": "kendo-window-shadow",
33750
- "value": "1px 1px 7px 1px rgba( black, .12 )",
33800
+ "value": "k-elevation(8)",
33751
33801
  "scope": "default",
33752
33802
  "line": {
33753
33803
  "start": 79,
@@ -33772,7 +33822,7 @@
33772
33822
  "context": {
33773
33823
  "type": "variable",
33774
33824
  "name": "kendo-window-focus-shadow",
33775
- "value": "1px 1px 7px 1px rgba( black, .25 )",
33825
+ "value": "k-elevation(9)",
33776
33826
  "scope": "default",
33777
33827
  "line": {
33778
33828
  "start": 82,