@progress/kendo-theme-classic 6.8.0-dev.2 → 7.0.0-dev.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 +152 -89
  2. package/dist/all.scss +193 -93
  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 +96 -100
  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 +5 -5
  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
package/dist/meta/sassdoc-data.json CHANGED
@@ -387,7 +387,7 @@
387
387
  "context": {
388
388
  "type": "variable",
389
389
  "name": "kendo-appbar-box-shadow",
390
- "value": "0px 1px 1px rgba( black, .16 )",
390
+ "value": "k-elevation(4)",
391
391
  "scope": "default",
392
392
  "line": {
393
393
  "start": 51,
@@ -402,8 +402,8 @@
402
402
  "path": "appbar/_variables.scss",
403
403
  "name": "_variables.scss"
404
404
  },
405
- "resolvedValue": "0px 1px 1px rgba(0, 0, 0, 0.16)",
406
- "resolvedType": "List"
405
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
406
+ "resolvedType": "String"
407
407
  },
408
408
  {
409
409
  "description": "The box shadow of the AppBar with bottom position.\n",
@@ -414,7 +414,7 @@
414
414
  "context": {
415
415
  "type": "variable",
416
416
  "name": "kendo-appbar-bottom-box-shadow",
417
- "value": "0px -1px 1px rgba( black, .16 )",
417
+ "value": "k-elevation(4)",
418
418
  "scope": "default",
419
419
  "line": {
420
420
  "start": 54,
@@ -429,8 +429,8 @@
429
429
  "path": "appbar/_variables.scss",
430
430
  "name": "_variables.scss"
431
431
  },
432
- "resolvedValue": "0px -1px 1px rgba(0, 0, 0, 0.16)",
433
- "resolvedType": "List"
432
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
433
+ "resolvedType": "String"
434
434
  },
435
435
  {
436
436
  "description": "The border width of the Avatar.\n",
@@ -1629,7 +1629,7 @@
1629
1629
  "context": {
1630
1630
  "type": "variable",
1631
1631
  "name": "kendo-bottom-nav-shadow",
1632
- "value": "0px 0px 5px rgba( black, .12 )",
1632
+ "value": "k-elevation(4)",
1633
1633
  "scope": "default",
1634
1634
  "line": {
1635
1635
  "start": 52,
@@ -1644,8 +1644,8 @@
1644
1644
  "path": "bottom-navigation/_variables.scss",
1645
1645
  "name": "_variables.scss"
1646
1646
  },
1647
- "resolvedValue": "0px 0px 5px rgba(0, 0, 0, 0.12)",
1648
- "resolvedType": "List"
1647
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
1648
+ "resolvedType": "String"
1649
1649
  },
1650
1650
  {
1651
1651
  "description": "The text color of the flat BottomNavigation.\n",
@@ -8001,7 +8001,7 @@
8001
8001
  "context": {
8002
8002
  "type": "variable",
8003
8003
  "name": "kendo-color-gradient-focus-shadow",
8004
- "value": "1px 1px 7px 1px rgba( black, .3 )",
8004
+ "value": "k-elevation(3)",
8005
8005
  "scope": "default",
8006
8006
  "line": {
8007
8007
  "start": 51,
@@ -8016,8 +8016,8 @@
8016
8016
  "path": "colorgradient/_variables.scss",
8017
8017
  "name": "_variables.scss"
8018
8018
  },
8019
- "resolvedValue": "1px 1px 7px 1px rgba(0, 0, 0, 0.3)",
8020
- "resolvedType": "List"
8019
+ "resolvedValue": "var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))",
8020
+ "resolvedType": "String"
8021
8021
  },
8022
8022
  {
8023
8023
  "description": "The border radius of the ColorGradient canvas.\n",
@@ -8317,15 +8317,15 @@
8317
8317
  "resolvedType": "Number"
8318
8318
  },
8319
8319
  {
8320
- "description": "The border radius of the ColorGradient canvas drag handle.\n",
8320
+ "description": "The width of the outline around the ColorGradient canvas drag handle.\n",
8321
8321
  "commentRange": {
8322
8322
  "start": 89,
8323
8323
  "end": 90
8324
8324
  },
8325
8325
  "context": {
8326
8326
  "type": "variable",
8327
- "name": "kendo-color-gradient-draghandle-border-radius",
8328
- "value": "50%",
8327
+ "name": "kendo-color-gradient-draghandle-outline-width",
8328
+ "value": "1px",
8329
8329
  "scope": "default",
8330
8330
  "line": {
8331
8331
  "start": 91,
@@ -8340,19 +8340,19 @@
8340
8340
  "path": "colorgradient/_variables.scss",
8341
8341
  "name": "_variables.scss"
8342
8342
  },
8343
- "resolvedValue": "50%",
8343
+ "resolvedValue": "1px",
8344
8344
  "resolvedType": "Number"
8345
8345
  },
8346
8346
  {
8347
- "description": "The text color of the ColorGradient canvas drag handle.\n",
8347
+ "description": "The border radius of the ColorGradient canvas drag handle.\n",
8348
8348
  "commentRange": {
8349
8349
  "start": 92,
8350
8350
  "end": 93
8351
8351
  },
8352
8352
  "context": {
8353
8353
  "type": "variable",
8354
- "name": "kendo-color-gradient-draghandle-text",
8355
- "value": "null",
8354
+ "name": "kendo-color-gradient-draghandle-border-radius",
8355
+ "value": "50%",
8356
8356
  "scope": "default",
8357
8357
  "line": {
8358
8358
  "start": 94,
@@ -8367,19 +8367,19 @@
8367
8367
  "path": "colorgradient/_variables.scss",
8368
8368
  "name": "_variables.scss"
8369
8369
  },
8370
- "resolvedValue": "null",
8371
- "resolvedType": "Null"
8370
+ "resolvedValue": "50%",
8371
+ "resolvedType": "Number"
8372
8372
  },
8373
8373
  {
8374
- "description": "The background color of the ColorGradient canvas drag handle.\n",
8374
+ "description": "The text color of the ColorGradient canvas drag handle.\n",
8375
8375
  "commentRange": {
8376
8376
  "start": 95,
8377
8377
  "end": 96
8378
8378
  },
8379
8379
  "context": {
8380
8380
  "type": "variable",
8381
- "name": "kendo-color-gradient-draghandle-bg",
8382
- "value": "transparent",
8381
+ "name": "kendo-color-gradient-draghandle-text",
8382
+ "value": "null",
8383
8383
  "scope": "default",
8384
8384
  "line": {
8385
8385
  "start": 97,
@@ -8394,19 +8394,19 @@
8394
8394
  "path": "colorgradient/_variables.scss",
8395
8395
  "name": "_variables.scss"
8396
8396
  },
8397
- "resolvedValue": "transparent",
8398
- "resolvedType": "Color"
8397
+ "resolvedValue": "null",
8398
+ "resolvedType": "Null"
8399
8399
  },
8400
8400
  {
8401
- "description": "The color of the border around the ColorGradient canvas drag handle.\n",
8401
+ "description": "The background color of the ColorGradient canvas drag handle.\n",
8402
8402
  "commentRange": {
8403
8403
  "start": 98,
8404
8404
  "end": 99
8405
8405
  },
8406
8406
  "context": {
8407
8407
  "type": "variable",
8408
- "name": "kendo-color-gradient-draghandle-border",
8409
- "value": "rgba( white, .8)",
8408
+ "name": "kendo-color-gradient-draghandle-bg",
8409
+ "value": "transparent",
8410
8410
  "scope": "default",
8411
8411
  "line": {
8412
8412
  "start": 100,
@@ -8421,19 +8421,19 @@
8421
8421
  "path": "colorgradient/_variables.scss",
8422
8422
  "name": "_variables.scss"
8423
8423
  },
8424
- "resolvedValue": "rgba(255, 255, 255, 0.8)",
8424
+ "resolvedValue": "transparent",
8425
8425
  "resolvedType": "Color"
8426
8426
  },
8427
8427
  {
8428
- "description": "The box shadow of the ColorGradient canvas drag handle.\n",
8428
+ "description": "The color of the border around the ColorGradient canvas drag handle.\n",
8429
8429
  "commentRange": {
8430
8430
  "start": 101,
8431
8431
  "end": 102
8432
8432
  },
8433
8433
  "context": {
8434
8434
  "type": "variable",
8435
- "name": "kendo-color-gradient-draghandle-shadow",
8436
- "value": "0 1px 4px rgba( black, .5 )",
8435
+ "name": "kendo-color-gradient-draghandle-border",
8436
+ "value": "rgba( white, .8)",
8437
8437
  "scope": "default",
8438
8438
  "line": {
8439
8439
  "start": 103,
@@ -8448,19 +8448,19 @@
8448
8448
  "path": "colorgradient/_variables.scss",
8449
8449
  "name": "_variables.scss"
8450
8450
  },
8451
- "resolvedValue": "0 1px 4px rgba(0, 0, 0, 0.5)",
8452
- "resolvedType": "List"
8451
+ "resolvedValue": "rgba(255, 255, 255, 0.8)",
8452
+ "resolvedType": "Color"
8453
8453
  },
8454
8454
  {
8455
- "description": "The box shadow of the focused ColorGradient canvas drag handle.\n",
8455
+ "description": "The color of the outline around the ColorGradient canvas drag handle.\n",
8456
8456
  "commentRange": {
8457
8457
  "start": 104,
8458
8458
  "end": 105
8459
8459
  },
8460
8460
  "context": {
8461
8461
  "type": "variable",
8462
- "name": "kendo-color-gradient-draghandle-focus-shadow",
8463
- "value": "0 1px 4px black",
8462
+ "name": "kendo-color-gradient-draghandle-shadow",
8463
+ "value": "rgba( $kendo-color-black, .5)",
8464
8464
  "scope": "default",
8465
8465
  "line": {
8466
8466
  "start": 106,
@@ -8475,19 +8475,19 @@
8475
8475
  "path": "colorgradient/_variables.scss",
8476
8476
  "name": "_variables.scss"
8477
8477
  },
8478
- "resolvedValue": "0 1px 4px black",
8479
- "resolvedType": "List"
8478
+ "resolvedValue": "rgba(0, 0, 0, 0.5)",
8479
+ "resolvedType": "Color"
8480
8480
  },
8481
8481
  {
8482
- "description": "The box shadow of the hovered ColorGradient canvas drag handle.\n",
8482
+ "description": "The focus color of the outline around the ColorGradient canvas drag handle.\n",
8483
8483
  "commentRange": {
8484
8484
  "start": 107,
8485
8485
  "end": 108
8486
8486
  },
8487
8487
  "context": {
8488
8488
  "type": "variable",
8489
- "name": "kendo-color-gradient-draghandle-hover-shadow",
8490
- "value": "$kendo-color-gradient-draghandle-focus-shadow",
8489
+ "name": "kendo-color-gradient-draghandle-focus-shadow",
8490
+ "value": "$kendo-color-black",
8491
8491
  "scope": "default",
8492
8492
  "line": {
8493
8493
  "start": 109,
@@ -8502,14 +8502,68 @@
8502
8502
  "path": "colorgradient/_variables.scss",
8503
8503
  "name": "_variables.scss"
8504
8504
  },
8505
- "resolvedValue": "0 1px 4px black",
8506
- "resolvedType": "List"
8505
+ "resolvedValue": "#000000",
8506
+ "resolvedType": "Color"
8507
+ },
8508
+ {
8509
+ "description": "The outline color of the outline around the ColorGradient canvas drag handle.\n",
8510
+ "commentRange": {
8511
+ "start": 110,
8512
+ "end": 111
8513
+ },
8514
+ "context": {
8515
+ "type": "variable",
8516
+ "name": "kendo-color-gradient-draghandle-hover-shadow",
8517
+ "value": "$kendo-color-black",
8518
+ "scope": "default",
8519
+ "line": {
8520
+ "start": 112,
8521
+ "end": 112
8522
+ }
8523
+ },
8524
+ "group": [
8525
+ "cologradient"
8526
+ ],
8527
+ "access": "public",
8528
+ "file": {
8529
+ "path": "colorgradient/_variables.scss",
8530
+ "name": "_variables.scss"
8531
+ },
8532
+ "resolvedValue": "#000000",
8533
+ "resolvedType": "Color"
8534
+ },
8535
+ {
8536
+ "description": "The box shadow of the ColorGradient canvas drag handle.\n",
8537
+ "commentRange": {
8538
+ "start": 113,
8539
+ "end": 114
8540
+ },
8541
+ "context": {
8542
+ "type": "variable",
8543
+ "name": "kendo-color-gradient-draghandle-shadow",
8544
+ "value": "k-elevation(2)",
8545
+ "scope": "default",
8546
+ "line": {
8547
+ "start": 115,
8548
+ "end": 115
8549
+ }
8550
+ },
8551
+ "group": [
8552
+ "cologradient"
8553
+ ],
8554
+ "access": "public",
8555
+ "file": {
8556
+ "path": "colorgradient/_variables.scss",
8557
+ "name": "_variables.scss"
8558
+ },
8559
+ "resolvedValue": "rgba(0, 0, 0, 0.5)",
8560
+ "resolvedType": "Color"
8507
8561
  },
8508
8562
  {
8509
8563
  "description": "The vertical margin of the ColorGradient canvas drag handle.\n",
8510
8564
  "commentRange": {
8511
- "start": 111,
8512
- "end": 112
8565
+ "start": 117,
8566
+ "end": 118
8513
8567
  },
8514
8568
  "context": {
8515
8569
  "type": "variable",
@@ -8517,8 +8571,8 @@
8517
8571
  "value": "- k-math-div( $kendo-color-gradient-draghandle-height, 2 )",
8518
8572
  "scope": "default",
8519
8573
  "line": {
8520
- "start": 113,
8521
- "end": 113
8574
+ "start": 119,
8575
+ "end": 119
8522
8576
  }
8523
8577
  },
8524
8578
  "group": [
@@ -8535,8 +8589,8 @@
8535
8589
  {
8536
8590
  "description": "The horizontal margin of the ColorGradient canvas drag handle.\n",
8537
8591
  "commentRange": {
8538
- "start": 114,
8539
- "end": 115
8592
+ "start": 120,
8593
+ "end": 121
8540
8594
  },
8541
8595
  "context": {
8542
8596
  "type": "variable",
@@ -8544,8 +8598,8 @@
8544
8598
  "value": "- k-math-div( $kendo-color-gradient-draghandle-width, 2 )",
8545
8599
  "scope": "default",
8546
8600
  "line": {
8547
- "start": 116,
8548
- "end": 116
8601
+ "start": 122,
8602
+ "end": 122
8549
8603
  }
8550
8604
  },
8551
8605
  "group": [
@@ -8562,8 +8616,8 @@
8562
8616
  {
8563
8617
  "description": "The width of the ColorGradient input.\n",
8564
8618
  "commentRange": {
8565
- "start": 118,
8566
- "end": 119
8619
+ "start": 124,
8620
+ "end": 125
8567
8621
  },
8568
8622
  "context": {
8569
8623
  "type": "variable",
@@ -8571,8 +8625,8 @@
8571
8625
  "value": "46px",
8572
8626
  "scope": "default",
8573
8627
  "line": {
8574
- "start": 120,
8575
- "end": 120
8628
+ "start": 126,
8629
+ "end": 126
8576
8630
  }
8577
8631
  },
8578
8632
  "group": [
@@ -8589,8 +8643,8 @@
8589
8643
  {
8590
8644
  "description": "The spacing between the ColorGradient inputs.\n",
8591
8645
  "commentRange": {
8592
- "start": 121,
8593
- "end": 122
8646
+ "start": 127,
8647
+ "end": 128
8594
8648
  },
8595
8649
  "context": {
8596
8650
  "type": "variable",
@@ -8598,8 +8652,8 @@
8598
8652
  "value": "k-math-div( $kendo-color-gradient-spacer, 1.5 )",
8599
8653
  "scope": "default",
8600
8654
  "line": {
8601
- "start": 123,
8602
- "end": 123
8655
+ "start": 129,
8656
+ "end": 129
8603
8657
  }
8604
8658
  },
8605
8659
  "group": [
@@ -8616,8 +8670,8 @@
8616
8670
  {
8617
8671
  "description": "The spacing between the ColorGradient inputs and their labels.\n",
8618
8672
  "commentRange": {
8619
- "start": 124,
8620
- "end": 125
8673
+ "start": 130,
8674
+ "end": 131
8621
8675
  },
8622
8676
  "context": {
8623
8677
  "type": "variable",
@@ -8625,8 +8679,8 @@
8625
8679
  "value": "k-math-div( $kendo-color-gradient-spacer, 3 )",
8626
8680
  "scope": "default",
8627
8681
  "line": {
8628
- "start": 126,
8629
- "end": 126
8682
+ "start": 132,
8683
+ "end": 132
8630
8684
  }
8631
8685
  },
8632
8686
  "group": [
@@ -8643,8 +8697,8 @@
8643
8697
  {
8644
8698
  "description": "The text color of the ColorGradient input labels.\n",
8645
8699
  "commentRange": {
8646
- "start": 127,
8647
- "end": 128
8700
+ "start": 133,
8701
+ "end": 134
8648
8702
  },
8649
8703
  "context": {
8650
8704
  "type": "variable",
@@ -8652,8 +8706,8 @@
8652
8706
  "value": "$kendo-subtle-text",
8653
8707
  "scope": "default",
8654
8708
  "line": {
8655
- "start": 129,
8656
- "end": 129
8709
+ "start": 135,
8710
+ "end": 135
8657
8711
  }
8658
8712
  },
8659
8713
  "group": [
@@ -8670,8 +8724,8 @@
8670
8724
  {
8671
8725
  "description": "The font weight of the ColorGradient contrast ratio text.\n",
8672
8726
  "commentRange": {
8673
- "start": 131,
8674
- "end": 132
8727
+ "start": 137,
8728
+ "end": 138
8675
8729
  },
8676
8730
  "context": {
8677
8731
  "type": "variable",
@@ -8679,8 +8733,8 @@
8679
8733
  "value": "$kendo-font-weight-bold",
8680
8734
  "scope": "default",
8681
8735
  "line": {
8682
- "start": 133,
8683
- "end": 133
8736
+ "start": 139,
8737
+ "end": 139
8684
8738
  }
8685
8739
  },
8686
8740
  "group": [
@@ -8697,8 +8751,8 @@
8697
8751
  {
8698
8752
  "description": "The spacing between the items in the ColorGradient contrast tool.\n",
8699
8753
  "commentRange": {
8700
- "start": 134,
8701
- "end": 135
8754
+ "start": 140,
8755
+ "end": 141
8702
8756
  },
8703
8757
  "context": {
8704
8758
  "type": "variable",
@@ -8706,8 +8760,8 @@
8706
8760
  "value": "k-math-div( $kendo-color-gradient-spacer, 1.5 )",
8707
8761
  "scope": "default",
8708
8762
  "line": {
8709
- "start": 136,
8710
- "end": 136
8763
+ "start": 142,
8764
+ "end": 142
8711
8765
  }
8712
8766
  },
8713
8767
  "group": [
@@ -9446,7 +9500,7 @@
9446
9500
  "context": {
9447
9501
  "type": "variable",
9448
9502
  "name": "kendo-color-editor-focus-shadow",
9449
- "value": "1px 1px 7px 1px rgba( black, .3 )",
9503
+ "value": "k-elevation(3)",
9450
9504
  "scope": "default",
9451
9505
  "line": {
9452
9506
  "start": 40,
@@ -9461,8 +9515,8 @@
9461
9515
  "path": "coloreditor/_variables.scss",
9462
9516
  "name": "_variables.scss"
9463
9517
  },
9464
- "resolvedValue": "1px 1px 7px 1px rgba(0, 0, 0, 0.3)",
9465
- "resolvedType": "List"
9518
+ "resolvedValue": "var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))",
9519
+ "resolvedType": "String"
9466
9520
  },
9467
9521
  {
9468
9522
  "description": "The vertical padding of the ColorEditor header.\n",
@@ -13361,7 +13415,7 @@
13361
13415
  "context": {
13362
13416
  "type": "variable",
13363
13417
  "name": "kendo-fab-shadow",
13364
- "value": "0 6px 10px rgba( black, .14 ), 0 1px 18px rgba( black, .12 ), 0 3px 5px rgba( black, .2 )",
13418
+ "value": "k-elevation(5)",
13365
13419
  "scope": "default",
13366
13420
  "line": {
13367
13421
  "start": 118,
@@ -13376,8 +13430,8 @@
13376
13430
  "path": "fab/_variables.scss",
13377
13431
  "name": "_variables.scss"
13378
13432
  },
13379
- "resolvedValue": "0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2)",
13380
- "resolvedType": "List"
13433
+ "resolvedValue": "var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
13434
+ "resolvedType": "String"
13381
13435
  },
13382
13436
  {
13383
13437
  "description": "The shadow of the disabled FAB.\n",
@@ -13388,7 +13442,7 @@
13388
13442
  "context": {
13389
13443
  "type": "variable",
13390
13444
  "name": "kendo-fab-disabled-shadow",
13391
- "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 )",
13445
+ "value": "k-elevation(5)",
13392
13446
  "scope": "default",
13393
13447
  "line": {
13394
13448
  "start": 121,
@@ -13403,8 +13457,8 @@
13403
13457
  "path": "fab/_variables.scss",
13404
13458
  "name": "_variables.scss"
13405
13459
  },
13406
- "resolvedValue": "0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232)",
13407
- "resolvedType": "List"
13460
+ "resolvedValue": "var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
13461
+ "resolvedType": "String"
13408
13462
  },
13409
13463
  {
13410
13464
  "description": "The shadow of the active FAB.\n",
@@ -13673,8 +13727,8 @@
13673
13727
  "path": "fab/_variables.scss",
13674
13728
  "name": "_variables.scss"
13675
13729
  },
13676
- "resolvedValue": "0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2)",
13677
- "resolvedType": "List"
13730
+ "resolvedValue": "var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
13731
+ "resolvedType": "String"
13678
13732
  },
13679
13733
  {
13680
13734
  "description": "The shadow of the disabled FAB item.\n",
@@ -13700,8 +13754,8 @@
13700
13754
  "path": "fab/_variables.scss",
13701
13755
  "name": "_variables.scss"
13702
13756
  },
13703
- "resolvedValue": "0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232)",
13704
- "resolvedType": "List"
13757
+ "resolvedValue": "var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
13758
+ "resolvedType": "String"
13705
13759
  },
13706
13760
  {
13707
13761
  "description": "The shadow of the active FAB item.\n",
@@ -22718,8 +22772,8 @@
22718
22772
  "path": "notification/_variables.scss",
22719
22773
  "name": "_variables.scss"
22720
22774
  },
22721
- "resolvedValue": "0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04)",
22722
- "resolvedType": "List"
22775
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
22776
+ "resolvedType": "String"
22723
22777
  },
22724
22778
  {
22725
22779
  "description": "The horizontal spacing of the Notification icon.\n",
@@ -25526,8 +25580,8 @@
25526
25580
  "path": "popover/_variables.scss",
25527
25581
  "name": "_variables.scss"
25528
25582
  },
25529
- "resolvedValue": "0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04)",
25530
- "resolvedType": "List"
25583
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
25584
+ "resolvedType": "String"
25531
25585
  },
25532
25586
  {
25533
25587
  "description": "The horizontal padding of the Popover header.\n",
@@ -26267,7 +26321,7 @@
26267
26321
  "context": {
26268
26322
  "type": "variable",
26269
26323
  "name": "kendo-popup-shadow",
26270
- "value": "0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 )",
26324
+ "value": "k-elevation(4)",
26271
26325
  "scope": "default",
26272
26326
  "line": {
26273
26327
  "start": 39,
@@ -26282,8 +26336,8 @@
26282
26336
  "path": "popup/_variables.scss",
26283
26337
  "name": "_variables.scss"
26284
26338
  },
26285
- "resolvedValue": "0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04)",
26286
- "resolvedType": "List"
26339
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
26340
+ "resolvedType": "String"
26287
26341
  },
26288
26342
  {
26289
26343
  "description": "The height of the ProgressBar.\n",
@@ -32411,8 +32465,8 @@
32411
32465
  "path": "tilelayout/_variables.scss",
32412
32466
  "name": "_variables.scss"
32413
32467
  },
32414
- "resolvedValue": "0 3px 4px 0 rgba(0, 0, 0, 0.06)",
32415
- "resolvedType": "List"
32468
+ "resolvedValue": "var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))",
32469
+ "resolvedType": "String"
32416
32470
  },
32417
32471
  {
32418
32472
  "description": "The width of the border around the TileLayout hint.\n",
@@ -36446,7 +36500,7 @@
36446
36500
  "context": {
36447
36501
  "type": "variable",
36448
36502
  "name": "kendo-window-shadow",
36449
- "value": "1px 1px 7px 1px rgba( black, .12 )",
36503
+ "value": "k-elevation(8)",
36450
36504
  "scope": "default",
36451
36505
  "line": {
36452
36506
  "start": 79,
@@ -36461,8 +36515,8 @@
36461
36515
  "path": "window/_variables.scss",
36462
36516
  "name": "_variables.scss"
36463
36517
  },
36464
- "resolvedValue": "1px 1px 7px 1px rgba(0, 0, 0, 0.12)",
36465
- "resolvedType": "List"
36518
+ "resolvedValue": "var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12))",
36519
+ "resolvedType": "String"
36466
36520
  },
36467
36521
  {
36468
36522
  "description": "The box shadow of the focused Window.\n",
@@ -36473,7 +36527,7 @@
36473
36527
  "context": {
36474
36528
  "type": "variable",
36475
36529
  "name": "kendo-window-focus-shadow",
36476
- "value": "1px 1px 7px 1px rgba( black, .25 )",
36530
+ "value": "k-elevation(9)",
36477
36531
  "scope": "default",
36478
36532
  "line": {
36479
36533
  "start": 82,
@@ -36488,8 +36542,8 @@
36488
36542
  "path": "window/_variables.scss",
36489
36543
  "name": "_variables.scss"
36490
36544
  },
36491
- "resolvedValue": "1px 1px 7px 1px rgba(0, 0, 0, 0.25)",
36492
- "resolvedType": "List"
36545
+ "resolvedValue": "var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12))",
36546
+ "resolvedType": "String"
36493
36547
  },
36494
36548
  {
36495
36549
  "description": "The background color of the Window titlebar.\n",
@@ -37407,7 +37461,7 @@
37407
37461
  "context": {
37408
37462
  "type": "variable",
37409
37463
  "name": "kendo-appbar-box-shadow",
37410
- "value": "0px 1px 1px rgba( black, .16 )",
37464
+ "value": "k-elevation(4)",
37411
37465
  "scope": "default",
37412
37466
  "line": {
37413
37467
  "start": 51,
@@ -37422,8 +37476,8 @@
37422
37476
  "path": "appbar/_variables.scss",
37423
37477
  "name": "_variables.scss"
37424
37478
  },
37425
- "resolvedValue": "0px 1px 1px rgba(0, 0, 0, 0.16)",
37426
- "resolvedType": "List"
37479
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
37480
+ "resolvedType": "String"
37427
37481
  },
37428
37482
  {
37429
37483
  "description": "The box shadow of the AppBar with bottom position.\n",
@@ -37434,7 +37488,7 @@
37434
37488
  "context": {
37435
37489
  "type": "variable",
37436
37490
  "name": "kendo-appbar-bottom-box-shadow",
37437
- "value": "0px -1px 1px rgba( black, .16 )",
37491
+ "value": "k-elevation(4)",
37438
37492
  "scope": "default",
37439
37493
  "line": {
37440
37494
  "start": 54,
@@ -37449,8 +37503,8 @@
37449
37503
  "path": "appbar/_variables.scss",
37450
37504
  "name": "_variables.scss"
37451
37505
  },
37452
- "resolvedValue": "0px -1px 1px rgba(0, 0, 0, 0.16)",
37453
- "resolvedType": "List"
37506
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
37507
+ "resolvedType": "String"
37454
37508
  }
37455
37509
  ]
37456
37510
  },
@@ -38667,7 +38721,7 @@
38667
38721
  "context": {
38668
38722
  "type": "variable",
38669
38723
  "name": "kendo-bottom-nav-shadow",
38670
- "value": "0px 0px 5px rgba( black, .12 )",
38724
+ "value": "k-elevation(4)",
38671
38725
  "scope": "default",
38672
38726
  "line": {
38673
38727
  "start": 52,
@@ -38682,8 +38736,8 @@
38682
38736
  "path": "bottom-navigation/_variables.scss",
38683
38737
  "name": "_variables.scss"
38684
38738
  },
38685
- "resolvedValue": "0px 0px 5px rgba(0, 0, 0, 0.12)",
38686
- "resolvedType": "List"
38739
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
38740
+ "resolvedType": "String"
38687
38741
  },
38688
38742
  {
38689
38743
  "description": "The text color of the flat BottomNavigation.\n",
@@ -45075,7 +45129,7 @@
45075
45129
  "context": {
45076
45130
  "type": "variable",
45077
45131
  "name": "kendo-color-gradient-focus-shadow",
45078
- "value": "1px 1px 7px 1px rgba( black, .3 )",
45132
+ "value": "k-elevation(3)",
45079
45133
  "scope": "default",
45080
45134
  "line": {
45081
45135
  "start": 51,
@@ -45090,8 +45144,8 @@
45090
45144
  "path": "colorgradient/_variables.scss",
45091
45145
  "name": "_variables.scss"
45092
45146
  },
45093
- "resolvedValue": "1px 1px 7px 1px rgba(0, 0, 0, 0.3)",
45094
- "resolvedType": "List"
45147
+ "resolvedValue": "var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))",
45148
+ "resolvedType": "String"
45095
45149
  },
45096
45150
  {
45097
45151
  "description": "The border radius of the ColorGradient canvas.\n",
@@ -45391,15 +45445,15 @@
45391
45445
  "resolvedType": "Number"
45392
45446
  },
45393
45447
  {
45394
- "description": "The border radius of the ColorGradient canvas drag handle.\n",
45448
+ "description": "The width of the outline around the ColorGradient canvas drag handle.\n",
45395
45449
  "commentRange": {
45396
45450
  "start": 89,
45397
45451
  "end": 90
45398
45452
  },
45399
45453
  "context": {
45400
45454
  "type": "variable",
45401
- "name": "kendo-color-gradient-draghandle-border-radius",
45402
- "value": "50%",
45455
+ "name": "kendo-color-gradient-draghandle-outline-width",
45456
+ "value": "1px",
45403
45457
  "scope": "default",
45404
45458
  "line": {
45405
45459
  "start": 91,
@@ -45414,19 +45468,19 @@
45414
45468
  "path": "colorgradient/_variables.scss",
45415
45469
  "name": "_variables.scss"
45416
45470
  },
45417
- "resolvedValue": "50%",
45471
+ "resolvedValue": "1px",
45418
45472
  "resolvedType": "Number"
45419
45473
  },
45420
45474
  {
45421
- "description": "The text color of the ColorGradient canvas drag handle.\n",
45475
+ "description": "The border radius of the ColorGradient canvas drag handle.\n",
45422
45476
  "commentRange": {
45423
45477
  "start": 92,
45424
45478
  "end": 93
45425
45479
  },
45426
45480
  "context": {
45427
45481
  "type": "variable",
45428
- "name": "kendo-color-gradient-draghandle-text",
45429
- "value": "null",
45482
+ "name": "kendo-color-gradient-draghandle-border-radius",
45483
+ "value": "50%",
45430
45484
  "scope": "default",
45431
45485
  "line": {
45432
45486
  "start": 94,
@@ -45441,19 +45495,19 @@
45441
45495
  "path": "colorgradient/_variables.scss",
45442
45496
  "name": "_variables.scss"
45443
45497
  },
45444
- "resolvedValue": "null",
45445
- "resolvedType": "Null"
45498
+ "resolvedValue": "50%",
45499
+ "resolvedType": "Number"
45446
45500
  },
45447
45501
  {
45448
- "description": "The background color of the ColorGradient canvas drag handle.\n",
45502
+ "description": "The text color of the ColorGradient canvas drag handle.\n",
45449
45503
  "commentRange": {
45450
45504
  "start": 95,
45451
45505
  "end": 96
45452
45506
  },
45453
45507
  "context": {
45454
45508
  "type": "variable",
45455
- "name": "kendo-color-gradient-draghandle-bg",
45456
- "value": "transparent",
45509
+ "name": "kendo-color-gradient-draghandle-text",
45510
+ "value": "null",
45457
45511
  "scope": "default",
45458
45512
  "line": {
45459
45513
  "start": 97,
@@ -45468,19 +45522,19 @@
45468
45522
  "path": "colorgradient/_variables.scss",
45469
45523
  "name": "_variables.scss"
45470
45524
  },
45471
- "resolvedValue": "transparent",
45472
- "resolvedType": "Color"
45525
+ "resolvedValue": "null",
45526
+ "resolvedType": "Null"
45473
45527
  },
45474
45528
  {
45475
- "description": "The color of the border around the ColorGradient canvas drag handle.\n",
45529
+ "description": "The background color of the ColorGradient canvas drag handle.\n",
45476
45530
  "commentRange": {
45477
45531
  "start": 98,
45478
45532
  "end": 99
45479
45533
  },
45480
45534
  "context": {
45481
45535
  "type": "variable",
45482
- "name": "kendo-color-gradient-draghandle-border",
45483
- "value": "rgba( white, .8)",
45536
+ "name": "kendo-color-gradient-draghandle-bg",
45537
+ "value": "transparent",
45484
45538
  "scope": "default",
45485
45539
  "line": {
45486
45540
  "start": 100,
@@ -45495,19 +45549,19 @@
45495
45549
  "path": "colorgradient/_variables.scss",
45496
45550
  "name": "_variables.scss"
45497
45551
  },
45498
- "resolvedValue": "rgba(255, 255, 255, 0.8)",
45552
+ "resolvedValue": "transparent",
45499
45553
  "resolvedType": "Color"
45500
45554
  },
45501
45555
  {
45502
- "description": "The box shadow of the ColorGradient canvas drag handle.\n",
45556
+ "description": "The color of the border around the ColorGradient canvas drag handle.\n",
45503
45557
  "commentRange": {
45504
45558
  "start": 101,
45505
45559
  "end": 102
45506
45560
  },
45507
45561
  "context": {
45508
45562
  "type": "variable",
45509
- "name": "kendo-color-gradient-draghandle-shadow",
45510
- "value": "0 1px 4px rgba( black, .5 )",
45563
+ "name": "kendo-color-gradient-draghandle-border",
45564
+ "value": "rgba( white, .8)",
45511
45565
  "scope": "default",
45512
45566
  "line": {
45513
45567
  "start": 103,
@@ -45522,19 +45576,19 @@
45522
45576
  "path": "colorgradient/_variables.scss",
45523
45577
  "name": "_variables.scss"
45524
45578
  },
45525
- "resolvedValue": "0 1px 4px rgba(0, 0, 0, 0.5)",
45526
- "resolvedType": "List"
45579
+ "resolvedValue": "rgba(255, 255, 255, 0.8)",
45580
+ "resolvedType": "Color"
45527
45581
  },
45528
45582
  {
45529
- "description": "The box shadow of the focused ColorGradient canvas drag handle.\n",
45583
+ "description": "The color of the outline around the ColorGradient canvas drag handle.\n",
45530
45584
  "commentRange": {
45531
45585
  "start": 104,
45532
45586
  "end": 105
45533
45587
  },
45534
45588
  "context": {
45535
45589
  "type": "variable",
45536
- "name": "kendo-color-gradient-draghandle-focus-shadow",
45537
- "value": "0 1px 4px black",
45590
+ "name": "kendo-color-gradient-draghandle-shadow",
45591
+ "value": "rgba( $kendo-color-black, .5)",
45538
45592
  "scope": "default",
45539
45593
  "line": {
45540
45594
  "start": 106,
@@ -45549,19 +45603,19 @@
45549
45603
  "path": "colorgradient/_variables.scss",
45550
45604
  "name": "_variables.scss"
45551
45605
  },
45552
- "resolvedValue": "0 1px 4px black",
45553
- "resolvedType": "List"
45606
+ "resolvedValue": "rgba(0, 0, 0, 0.5)",
45607
+ "resolvedType": "Color"
45554
45608
  },
45555
45609
  {
45556
- "description": "The box shadow of the hovered ColorGradient canvas drag handle.\n",
45610
+ "description": "The focus color of the outline around the ColorGradient canvas drag handle.\n",
45557
45611
  "commentRange": {
45558
45612
  "start": 107,
45559
45613
  "end": 108
45560
45614
  },
45561
45615
  "context": {
45562
45616
  "type": "variable",
45563
- "name": "kendo-color-gradient-draghandle-hover-shadow",
45564
- "value": "$kendo-color-gradient-draghandle-focus-shadow",
45617
+ "name": "kendo-color-gradient-draghandle-focus-shadow",
45618
+ "value": "$kendo-color-black",
45565
45619
  "scope": "default",
45566
45620
  "line": {
45567
45621
  "start": 109,
@@ -45576,14 +45630,68 @@
45576
45630
  "path": "colorgradient/_variables.scss",
45577
45631
  "name": "_variables.scss"
45578
45632
  },
45579
- "resolvedValue": "0 1px 4px black",
45580
- "resolvedType": "List"
45633
+ "resolvedValue": "#000000",
45634
+ "resolvedType": "Color"
45635
+ },
45636
+ {
45637
+ "description": "The outline color of the outline around the ColorGradient canvas drag handle.\n",
45638
+ "commentRange": {
45639
+ "start": 110,
45640
+ "end": 111
45641
+ },
45642
+ "context": {
45643
+ "type": "variable",
45644
+ "name": "kendo-color-gradient-draghandle-hover-shadow",
45645
+ "value": "$kendo-color-black",
45646
+ "scope": "default",
45647
+ "line": {
45648
+ "start": 112,
45649
+ "end": 112
45650
+ }
45651
+ },
45652
+ "group": [
45653
+ "cologradient"
45654
+ ],
45655
+ "access": "public",
45656
+ "file": {
45657
+ "path": "colorgradient/_variables.scss",
45658
+ "name": "_variables.scss"
45659
+ },
45660
+ "resolvedValue": "#000000",
45661
+ "resolvedType": "Color"
45662
+ },
45663
+ {
45664
+ "description": "The box shadow of the ColorGradient canvas drag handle.\n",
45665
+ "commentRange": {
45666
+ "start": 113,
45667
+ "end": 114
45668
+ },
45669
+ "context": {
45670
+ "type": "variable",
45671
+ "name": "kendo-color-gradient-draghandle-shadow",
45672
+ "value": "k-elevation(2)",
45673
+ "scope": "default",
45674
+ "line": {
45675
+ "start": 115,
45676
+ "end": 115
45677
+ }
45678
+ },
45679
+ "group": [
45680
+ "cologradient"
45681
+ ],
45682
+ "access": "public",
45683
+ "file": {
45684
+ "path": "colorgradient/_variables.scss",
45685
+ "name": "_variables.scss"
45686
+ },
45687
+ "resolvedValue": "rgba(0, 0, 0, 0.5)",
45688
+ "resolvedType": "Color"
45581
45689
  },
45582
45690
  {
45583
45691
  "description": "The vertical margin of the ColorGradient canvas drag handle.\n",
45584
45692
  "commentRange": {
45585
- "start": 111,
45586
- "end": 112
45693
+ "start": 117,
45694
+ "end": 118
45587
45695
  },
45588
45696
  "context": {
45589
45697
  "type": "variable",
@@ -45591,8 +45699,8 @@
45591
45699
  "value": "- k-math-div( $kendo-color-gradient-draghandle-height, 2 )",
45592
45700
  "scope": "default",
45593
45701
  "line": {
45594
- "start": 113,
45595
- "end": 113
45702
+ "start": 119,
45703
+ "end": 119
45596
45704
  }
45597
45705
  },
45598
45706
  "group": [
@@ -45609,8 +45717,8 @@
45609
45717
  {
45610
45718
  "description": "The horizontal margin of the ColorGradient canvas drag handle.\n",
45611
45719
  "commentRange": {
45612
- "start": 114,
45613
- "end": 115
45720
+ "start": 120,
45721
+ "end": 121
45614
45722
  },
45615
45723
  "context": {
45616
45724
  "type": "variable",
@@ -45618,8 +45726,8 @@
45618
45726
  "value": "- k-math-div( $kendo-color-gradient-draghandle-width, 2 )",
45619
45727
  "scope": "default",
45620
45728
  "line": {
45621
- "start": 116,
45622
- "end": 116
45729
+ "start": 122,
45730
+ "end": 122
45623
45731
  }
45624
45732
  },
45625
45733
  "group": [
@@ -45636,8 +45744,8 @@
45636
45744
  {
45637
45745
  "description": "The width of the ColorGradient input.\n",
45638
45746
  "commentRange": {
45639
- "start": 118,
45640
- "end": 119
45747
+ "start": 124,
45748
+ "end": 125
45641
45749
  },
45642
45750
  "context": {
45643
45751
  "type": "variable",
@@ -45645,8 +45753,8 @@
45645
45753
  "value": "46px",
45646
45754
  "scope": "default",
45647
45755
  "line": {
45648
- "start": 120,
45649
- "end": 120
45756
+ "start": 126,
45757
+ "end": 126
45650
45758
  }
45651
45759
  },
45652
45760
  "group": [
@@ -45663,8 +45771,8 @@
45663
45771
  {
45664
45772
  "description": "The spacing between the ColorGradient inputs.\n",
45665
45773
  "commentRange": {
45666
- "start": 121,
45667
- "end": 122
45774
+ "start": 127,
45775
+ "end": 128
45668
45776
  },
45669
45777
  "context": {
45670
45778
  "type": "variable",
@@ -45672,8 +45780,8 @@
45672
45780
  "value": "k-math-div( $kendo-color-gradient-spacer, 1.5 )",
45673
45781
  "scope": "default",
45674
45782
  "line": {
45675
- "start": 123,
45676
- "end": 123
45783
+ "start": 129,
45784
+ "end": 129
45677
45785
  }
45678
45786
  },
45679
45787
  "group": [
@@ -45690,8 +45798,8 @@
45690
45798
  {
45691
45799
  "description": "The spacing between the ColorGradient inputs and their labels.\n",
45692
45800
  "commentRange": {
45693
- "start": 124,
45694
- "end": 125
45801
+ "start": 130,
45802
+ "end": 131
45695
45803
  },
45696
45804
  "context": {
45697
45805
  "type": "variable",
@@ -45699,8 +45807,8 @@
45699
45807
  "value": "k-math-div( $kendo-color-gradient-spacer, 3 )",
45700
45808
  "scope": "default",
45701
45809
  "line": {
45702
- "start": 126,
45703
- "end": 126
45810
+ "start": 132,
45811
+ "end": 132
45704
45812
  }
45705
45813
  },
45706
45814
  "group": [
@@ -45717,8 +45825,8 @@
45717
45825
  {
45718
45826
  "description": "The text color of the ColorGradient input labels.\n",
45719
45827
  "commentRange": {
45720
- "start": 127,
45721
- "end": 128
45828
+ "start": 133,
45829
+ "end": 134
45722
45830
  },
45723
45831
  "context": {
45724
45832
  "type": "variable",
@@ -45726,8 +45834,8 @@
45726
45834
  "value": "$kendo-subtle-text",
45727
45835
  "scope": "default",
45728
45836
  "line": {
45729
- "start": 129,
45730
- "end": 129
45837
+ "start": 135,
45838
+ "end": 135
45731
45839
  }
45732
45840
  },
45733
45841
  "group": [
@@ -45744,8 +45852,8 @@
45744
45852
  {
45745
45853
  "description": "The font weight of the ColorGradient contrast ratio text.\n",
45746
45854
  "commentRange": {
45747
- "start": 131,
45748
- "end": 132
45855
+ "start": 137,
45856
+ "end": 138
45749
45857
  },
45750
45858
  "context": {
45751
45859
  "type": "variable",
@@ -45753,8 +45861,8 @@
45753
45861
  "value": "$kendo-font-weight-bold",
45754
45862
  "scope": "default",
45755
45863
  "line": {
45756
- "start": 133,
45757
- "end": 133
45864
+ "start": 139,
45865
+ "end": 139
45758
45866
  }
45759
45867
  },
45760
45868
  "group": [
@@ -45771,8 +45879,8 @@
45771
45879
  {
45772
45880
  "description": "The spacing between the items in the ColorGradient contrast tool.\n",
45773
45881
  "commentRange": {
45774
- "start": 134,
45775
- "end": 135
45882
+ "start": 140,
45883
+ "end": 141
45776
45884
  },
45777
45885
  "context": {
45778
45886
  "type": "variable",
@@ -45780,8 +45888,8 @@
45780
45888
  "value": "k-math-div( $kendo-color-gradient-spacer, 1.5 )",
45781
45889
  "scope": "default",
45782
45890
  "line": {
45783
- "start": 136,
45784
- "end": 136
45891
+ "start": 142,
45892
+ "end": 142
45785
45893
  }
45786
45894
  },
45787
45895
  "group": [
@@ -46532,7 +46640,7 @@
46532
46640
  "context": {
46533
46641
  "type": "variable",
46534
46642
  "name": "kendo-color-editor-focus-shadow",
46535
- "value": "1px 1px 7px 1px rgba( black, .3 )",
46643
+ "value": "k-elevation(3)",
46536
46644
  "scope": "default",
46537
46645
  "line": {
46538
46646
  "start": 40,
@@ -46547,8 +46655,8 @@
46547
46655
  "path": "coloreditor/_variables.scss",
46548
46656
  "name": "_variables.scss"
46549
46657
  },
46550
- "resolvedValue": "1px 1px 7px 1px rgba(0, 0, 0, 0.3)",
46551
- "resolvedType": "List"
46658
+ "resolvedValue": "var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))",
46659
+ "resolvedType": "String"
46552
46660
  },
46553
46661
  {
46554
46662
  "description": "The vertical padding of the ColorEditor header.\n",
@@ -50501,7 +50609,7 @@
50501
50609
  "context": {
50502
50610
  "type": "variable",
50503
50611
  "name": "kendo-fab-shadow",
50504
- "value": "0 6px 10px rgba( black, .14 ), 0 1px 18px rgba( black, .12 ), 0 3px 5px rgba( black, .2 )",
50612
+ "value": "k-elevation(5)",
50505
50613
  "scope": "default",
50506
50614
  "line": {
50507
50615
  "start": 118,
@@ -50516,8 +50624,8 @@
50516
50624
  "path": "fab/_variables.scss",
50517
50625
  "name": "_variables.scss"
50518
50626
  },
50519
- "resolvedValue": "0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2)",
50520
- "resolvedType": "List"
50627
+ "resolvedValue": "var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
50628
+ "resolvedType": "String"
50521
50629
  },
50522
50630
  {
50523
50631
  "description": "The shadow of the disabled FAB.\n",
@@ -50528,7 +50636,7 @@
50528
50636
  "context": {
50529
50637
  "type": "variable",
50530
50638
  "name": "kendo-fab-disabled-shadow",
50531
- "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 )",
50639
+ "value": "k-elevation(5)",
50532
50640
  "scope": "default",
50533
50641
  "line": {
50534
50642
  "start": 121,
@@ -50543,8 +50651,8 @@
50543
50651
  "path": "fab/_variables.scss",
50544
50652
  "name": "_variables.scss"
50545
50653
  },
50546
- "resolvedValue": "0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232)",
50547
- "resolvedType": "List"
50654
+ "resolvedValue": "var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
50655
+ "resolvedType": "String"
50548
50656
  },
50549
50657
  {
50550
50658
  "description": "The shadow of the active FAB.\n",
@@ -50813,8 +50921,8 @@
50813
50921
  "path": "fab/_variables.scss",
50814
50922
  "name": "_variables.scss"
50815
50923
  },
50816
- "resolvedValue": "0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2)",
50817
- "resolvedType": "List"
50924
+ "resolvedValue": "var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
50925
+ "resolvedType": "String"
50818
50926
  },
50819
50927
  {
50820
50928
  "description": "The shadow of the disabled FAB item.\n",
@@ -50840,8 +50948,8 @@
50840
50948
  "path": "fab/_variables.scss",
50841
50949
  "name": "_variables.scss"
50842
50950
  },
50843
- "resolvedValue": "0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232)",
50844
- "resolvedType": "List"
50951
+ "resolvedValue": "var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
50952
+ "resolvedType": "String"
50845
50953
  },
50846
50954
  {
50847
50955
  "description": "The shadow of the active FAB item.\n",
@@ -59930,8 +60038,8 @@
59930
60038
  "path": "notification/_variables.scss",
59931
60039
  "name": "_variables.scss"
59932
60040
  },
59933
- "resolvedValue": "0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04)",
59934
- "resolvedType": "List"
60041
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
60042
+ "resolvedType": "String"
59935
60043
  },
59936
60044
  {
59937
60045
  "description": "The horizontal spacing of the Notification icon.\n",
@@ -62756,8 +62864,8 @@
62756
62864
  "path": "popover/_variables.scss",
62757
62865
  "name": "_variables.scss"
62758
62866
  },
62759
- "resolvedValue": "0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04)",
62760
- "resolvedType": "List"
62867
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
62868
+ "resolvedType": "String"
62761
62869
  },
62762
62870
  {
62763
62871
  "description": "The horizontal padding of the Popover header.\n",
@@ -63503,7 +63611,7 @@
63503
63611
  "context": {
63504
63612
  "type": "variable",
63505
63613
  "name": "kendo-popup-shadow",
63506
- "value": "0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 )",
63614
+ "value": "k-elevation(4)",
63507
63615
  "scope": "default",
63508
63616
  "line": {
63509
63617
  "start": 39,
@@ -63518,8 +63626,8 @@
63518
63626
  "path": "popup/_variables.scss",
63519
63627
  "name": "_variables.scss"
63520
63628
  },
63521
- "resolvedValue": "0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04)",
63522
- "resolvedType": "List"
63629
+ "resolvedValue": "var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
63630
+ "resolvedType": "String"
63523
63631
  }
63524
63632
  ]
63525
63633
  },
@@ -69695,8 +69803,8 @@
69695
69803
  "path": "tilelayout/_variables.scss",
69696
69804
  "name": "_variables.scss"
69697
69805
  },
69698
- "resolvedValue": "0 3px 4px 0 rgba(0, 0, 0, 0.06)",
69699
- "resolvedType": "List"
69806
+ "resolvedValue": "var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))",
69807
+ "resolvedType": "String"
69700
69808
  },
69701
69809
  {
69702
69810
  "description": "The width of the border around the TileLayout hint.\n",
@@ -73409,7 +73517,7 @@
73409
73517
  "context": {
73410
73518
  "type": "variable",
73411
73519
  "name": "kendo-window-shadow",
73412
- "value": "1px 1px 7px 1px rgba( black, .12 )",
73520
+ "value": "k-elevation(8)",
73413
73521
  "scope": "default",
73414
73522
  "line": {
73415
73523
  "start": 79,
@@ -73424,8 +73532,8 @@
73424
73532
  "path": "window/_variables.scss",
73425
73533
  "name": "_variables.scss"
73426
73534
  },
73427
- "resolvedValue": "1px 1px 7px 1px rgba(0, 0, 0, 0.12)",
73428
- "resolvedType": "List"
73535
+ "resolvedValue": "var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12))",
73536
+ "resolvedType": "String"
73429
73537
  },
73430
73538
  {
73431
73539
  "description": "The box shadow of the focused Window.\n",
@@ -73436,7 +73544,7 @@
73436
73544
  "context": {
73437
73545
  "type": "variable",
73438
73546
  "name": "kendo-window-focus-shadow",
73439
- "value": "1px 1px 7px 1px rgba( black, .25 )",
73547
+ "value": "k-elevation(9)",
73440
73548
  "scope": "default",
73441
73549
  "line": {
73442
73550
  "start": 82,
@@ -73451,8 +73559,8 @@
73451
73559
  "path": "window/_variables.scss",
73452
73560
  "name": "_variables.scss"
73453
73561
  },
73454
- "resolvedValue": "1px 1px 7px 1px rgba(0, 0, 0, 0.25)",
73455
- "resolvedType": "List"
73562
+ "resolvedValue": "var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12))",
73563
+ "resolvedType": "String"
73456
73564
  },
73457
73565
  {
73458
73566
  "description": "The background color of the Window titlebar.\n",