@progress/kendo-theme-bootstrap 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 (35) hide show
  1. package/dist/all.css +132 -79
  2. package/dist/all.scss +221 -83
  3. package/dist/meta/sassdoc-data.json +350 -182
  4. package/dist/meta/sassdoc-raw-data.json +134 -59
  5. package/dist/meta/variables.json +68 -72
  6. package/lib/swatches/bootstrap-3-dark.json +1 -1
  7. package/lib/swatches/bootstrap-3.json +1 -1
  8. package/lib/swatches/bootstrap-4-dark.json +1 -1
  9. package/lib/swatches/bootstrap-4.json +1 -1
  10. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  11. package/lib/swatches/bootstrap-main-dark.json +1 -1
  12. package/lib/swatches/bootstrap-main.json +1 -1
  13. package/lib/swatches/bootstrap-nordic.json +1 -1
  14. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  15. package/lib/swatches/bootstrap-turquoise.json +1 -1
  16. package/lib/swatches/bootstrap-urban.json +1 -1
  17. package/lib/swatches/bootstrap-vintage.json +1 -1
  18. package/package.json +5 -5
  19. package/scss/action-sheet/_variables.scss +1 -1
  20. package/scss/appbar/_variables.scss +2 -2
  21. package/scss/bottom-navigation/_variables.scss +2 -2
  22. package/scss/card/_variables.scss +1 -1
  23. package/scss/colorgradient/_variables.scss +14 -8
  24. package/scss/common/_index.scss +1 -0
  25. package/scss/common/_indicators.scss +1 -0
  26. package/scss/core/_index.scss +6 -0
  27. package/scss/core/elevation/index.import.scss +34 -0
  28. package/scss/fab/_variables.scss +2 -2
  29. package/scss/pdf-viewer/_variables.scss +1 -1
  30. package/scss/pivotgrid/_variables.scss +5 -4
  31. package/scss/popup/_variables.scss +1 -1
  32. package/scss/scheduler/_variables.scss +1 -3
  33. package/scss/tabstrip/_variables.scss +1 -1
  34. package/scss/timeline/_variables.scss +1 -1
  35. package/scss/tooltip/_variables.scss +2 -0
@@ -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, 0px 6px 13px rgba(0, 0, 0, 0.125))",
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, 0px 6px 13px rgba(0, 0, 0, 0.125))",
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, 0px 6px 13px rgba(0, 0, 0, 0.125))",
1648
+ "resolvedType": "String"
1649
1649
  },
1650
1650
  {
1651
1651
  "description": "The text color of the flat BottomNavigation.\n",
@@ -8290,15 +8290,15 @@
8290
8290
  "resolvedType": "Number"
8291
8291
  },
8292
8292
  {
8293
- "description": "The border radius of the ColorGradient canvas drag handle.\n",
8293
+ "description": "The width of the outline around the ColorGradient canvas drag handle.\n",
8294
8294
  "commentRange": {
8295
8295
  "start": 89,
8296
8296
  "end": 90
8297
8297
  },
8298
8298
  "context": {
8299
8299
  "type": "variable",
8300
- "name": "kendo-color-gradient-draghandle-border-radius",
8301
- "value": "50%",
8300
+ "name": "kendo-color-gradient-draghandle-outline-width",
8301
+ "value": "1px",
8302
8302
  "scope": "default",
8303
8303
  "line": {
8304
8304
  "start": 91,
@@ -8313,19 +8313,19 @@
8313
8313
  "path": "colorgradient/_variables.scss",
8314
8314
  "name": "_variables.scss"
8315
8315
  },
8316
- "resolvedValue": "50%",
8316
+ "resolvedValue": "1px",
8317
8317
  "resolvedType": "Number"
8318
8318
  },
8319
8319
  {
8320
- "description": "The text color of the ColorGradient canvas drag handle.\n",
8320
+ "description": "The border radius of the ColorGradient canvas drag handle.\n",
8321
8321
  "commentRange": {
8322
8322
  "start": 92,
8323
8323
  "end": 93
8324
8324
  },
8325
8325
  "context": {
8326
8326
  "type": "variable",
8327
- "name": "kendo-color-gradient-draghandle-text",
8328
- "value": "null",
8327
+ "name": "kendo-color-gradient-draghandle-border-radius",
8328
+ "value": "50%",
8329
8329
  "scope": "default",
8330
8330
  "line": {
8331
8331
  "start": 94,
@@ -8340,19 +8340,19 @@
8340
8340
  "path": "colorgradient/_variables.scss",
8341
8341
  "name": "_variables.scss"
8342
8342
  },
8343
- "resolvedValue": "null",
8344
- "resolvedType": "Null"
8343
+ "resolvedValue": "50%",
8344
+ "resolvedType": "Number"
8345
8345
  },
8346
8346
  {
8347
- "description": "The background color of the ColorGradient canvas drag handle.\n",
8347
+ "description": "The text color of the ColorGradient canvas drag handle.\n",
8348
8348
  "commentRange": {
8349
8349
  "start": 95,
8350
8350
  "end": 96
8351
8351
  },
8352
8352
  "context": {
8353
8353
  "type": "variable",
8354
- "name": "kendo-color-gradient-draghandle-bg",
8355
- "value": "transparent",
8354
+ "name": "kendo-color-gradient-draghandle-text",
8355
+ "value": "null",
8356
8356
  "scope": "default",
8357
8357
  "line": {
8358
8358
  "start": 97,
@@ -8367,19 +8367,19 @@
8367
8367
  "path": "colorgradient/_variables.scss",
8368
8368
  "name": "_variables.scss"
8369
8369
  },
8370
- "resolvedValue": "transparent",
8371
- "resolvedType": "Color"
8370
+ "resolvedValue": "null",
8371
+ "resolvedType": "Null"
8372
8372
  },
8373
8373
  {
8374
- "description": "The color of the border around the ColorGradient canvas drag handle.\n",
8374
+ "description": "The background color of the ColorGradient canvas drag handle.\n",
8375
8375
  "commentRange": {
8376
8376
  "start": 98,
8377
8377
  "end": 99
8378
8378
  },
8379
8379
  "context": {
8380
8380
  "type": "variable",
8381
- "name": "kendo-color-gradient-draghandle-border",
8382
- "value": "rgba( white, .8)",
8381
+ "name": "kendo-color-gradient-draghandle-bg",
8382
+ "value": "transparent",
8383
8383
  "scope": "default",
8384
8384
  "line": {
8385
8385
  "start": 100,
@@ -8394,19 +8394,19 @@
8394
8394
  "path": "colorgradient/_variables.scss",
8395
8395
  "name": "_variables.scss"
8396
8396
  },
8397
- "resolvedValue": "rgba(255, 255, 255, 0.8)",
8397
+ "resolvedValue": "transparent",
8398
8398
  "resolvedType": "Color"
8399
8399
  },
8400
8400
  {
8401
- "description": "The box shadow of the ColorGradient canvas drag handle.\n",
8401
+ "description": "The color of the border around the ColorGradient canvas drag handle.\n",
8402
8402
  "commentRange": {
8403
8403
  "start": 101,
8404
8404
  "end": 102
8405
8405
  },
8406
8406
  "context": {
8407
8407
  "type": "variable",
8408
- "name": "kendo-color-gradient-draghandle-shadow",
8409
- "value": "0 1px 4px rgba( black, .5 )",
8408
+ "name": "kendo-color-gradient-draghandle-border",
8409
+ "value": "rgba( $kendo-color-white, .8)",
8410
8410
  "scope": "default",
8411
8411
  "line": {
8412
8412
  "start": 103,
@@ -8421,19 +8421,19 @@
8421
8421
  "path": "colorgradient/_variables.scss",
8422
8422
  "name": "_variables.scss"
8423
8423
  },
8424
- "resolvedValue": "0 1px 4px rgba(0, 0, 0, 0.5)",
8425
- "resolvedType": "List"
8424
+ "resolvedValue": "rgba(255, 255, 255, 0.8)",
8425
+ "resolvedType": "Color"
8426
8426
  },
8427
8427
  {
8428
- "description": "The box shadow of the focused ColorGradient canvas drag handle.\n",
8428
+ "description": "The color of the outline around the ColorGradient canvas drag handle.\n",
8429
8429
  "commentRange": {
8430
8430
  "start": 104,
8431
8431
  "end": 105
8432
8432
  },
8433
8433
  "context": {
8434
8434
  "type": "variable",
8435
- "name": "kendo-color-gradient-draghandle-focus-shadow",
8436
- "value": "0 1px 4px black",
8435
+ "name": "kendo-color-gradient-draghandle-shadow",
8436
+ "value": "rgba( $kendo-color-black, .5)",
8437
8437
  "scope": "default",
8438
8438
  "line": {
8439
8439
  "start": 106,
@@ -8448,19 +8448,19 @@
8448
8448
  "path": "colorgradient/_variables.scss",
8449
8449
  "name": "_variables.scss"
8450
8450
  },
8451
- "resolvedValue": "0 1px 4px black",
8452
- "resolvedType": "List"
8451
+ "resolvedValue": "rgba(0, 0, 0, 0.5)",
8452
+ "resolvedType": "Color"
8453
8453
  },
8454
8454
  {
8455
- "description": "The box shadow of the hovered ColorGradient canvas drag handle.\n",
8455
+ "description": "The focus color of the outline around the ColorGradient canvas drag handle.\n",
8456
8456
  "commentRange": {
8457
8457
  "start": 107,
8458
8458
  "end": 108
8459
8459
  },
8460
8460
  "context": {
8461
8461
  "type": "variable",
8462
- "name": "kendo-color-gradient-draghandle-hover-shadow",
8463
- "value": "$kendo-color-gradient-draghandle-focus-shadow",
8462
+ "name": "kendo-color-gradient-draghandle-focus-shadow",
8463
+ "value": "$kendo-color-black",
8464
8464
  "scope": "default",
8465
8465
  "line": {
8466
8466
  "start": 109,
@@ -8475,14 +8475,68 @@
8475
8475
  "path": "colorgradient/_variables.scss",
8476
8476
  "name": "_variables.scss"
8477
8477
  },
8478
- "resolvedValue": "0 1px 4px black",
8479
- "resolvedType": "List"
8478
+ "resolvedValue": "#000000",
8479
+ "resolvedType": "Color"
8480
+ },
8481
+ {
8482
+ "description": "The outline color of the outline around the ColorGradient canvas drag handle.\n",
8483
+ "commentRange": {
8484
+ "start": 110,
8485
+ "end": 111
8486
+ },
8487
+ "context": {
8488
+ "type": "variable",
8489
+ "name": "kendo-color-gradient-draghandle-hover-shadow",
8490
+ "value": "$kendo-color-black",
8491
+ "scope": "default",
8492
+ "line": {
8493
+ "start": 112,
8494
+ "end": 112
8495
+ }
8496
+ },
8497
+ "group": [
8498
+ "cologradient"
8499
+ ],
8500
+ "access": "public",
8501
+ "file": {
8502
+ "path": "colorgradient/_variables.scss",
8503
+ "name": "_variables.scss"
8504
+ },
8505
+ "resolvedValue": "#000000",
8506
+ "resolvedType": "Color"
8507
+ },
8508
+ {
8509
+ "description": "The box shadow of the ColorGradient canvas drag handle.\n",
8510
+ "commentRange": {
8511
+ "start": 113,
8512
+ "end": 114
8513
+ },
8514
+ "context": {
8515
+ "type": "variable",
8516
+ "name": "kendo-color-gradient-draghandle-shadow",
8517
+ "value": "k-elevation(2)",
8518
+ "scope": "default",
8519
+ "line": {
8520
+ "start": 115,
8521
+ "end": 115
8522
+ }
8523
+ },
8524
+ "group": [
8525
+ "cologradient"
8526
+ ],
8527
+ "access": "public",
8528
+ "file": {
8529
+ "path": "colorgradient/_variables.scss",
8530
+ "name": "_variables.scss"
8531
+ },
8532
+ "resolvedValue": "rgba(0, 0, 0, 0.5)",
8533
+ "resolvedType": "Color"
8480
8534
  },
8481
8535
  {
8482
8536
  "description": "The vertical margin of the ColorGradient canvas drag handle.\n",
8483
8537
  "commentRange": {
8484
- "start": 111,
8485
- "end": 112
8538
+ "start": 117,
8539
+ "end": 118
8486
8540
  },
8487
8541
  "context": {
8488
8542
  "type": "variable",
@@ -8490,8 +8544,8 @@
8490
8544
  "value": "- k-math-div( $kendo-color-gradient-draghandle-height, 2 )",
8491
8545
  "scope": "default",
8492
8546
  "line": {
8493
- "start": 113,
8494
- "end": 113
8547
+ "start": 119,
8548
+ "end": 119
8495
8549
  }
8496
8550
  },
8497
8551
  "group": [
@@ -8508,8 +8562,8 @@
8508
8562
  {
8509
8563
  "description": "The horizontal margin of the ColorGradient canvas drag handle.\n",
8510
8564
  "commentRange": {
8511
- "start": 114,
8512
- "end": 115
8565
+ "start": 120,
8566
+ "end": 121
8513
8567
  },
8514
8568
  "context": {
8515
8569
  "type": "variable",
@@ -8517,8 +8571,8 @@
8517
8571
  "value": "- k-math-div( $kendo-color-gradient-draghandle-width, 2 )",
8518
8572
  "scope": "default",
8519
8573
  "line": {
8520
- "start": 116,
8521
- "end": 116
8574
+ "start": 122,
8575
+ "end": 122
8522
8576
  }
8523
8577
  },
8524
8578
  "group": [
@@ -8535,8 +8589,8 @@
8535
8589
  {
8536
8590
  "description": "The width of the ColorGradient input.\n",
8537
8591
  "commentRange": {
8538
- "start": 118,
8539
- "end": 119
8592
+ "start": 124,
8593
+ "end": 125
8540
8594
  },
8541
8595
  "context": {
8542
8596
  "type": "variable",
@@ -8544,8 +8598,8 @@
8544
8598
  "value": "56px",
8545
8599
  "scope": "default",
8546
8600
  "line": {
8547
- "start": 120,
8548
- "end": 120
8601
+ "start": 126,
8602
+ "end": 126
8549
8603
  }
8550
8604
  },
8551
8605
  "group": [
@@ -8562,8 +8616,8 @@
8562
8616
  {
8563
8617
  "description": "The spacing between the ColorGradient inputs.\n",
8564
8618
  "commentRange": {
8565
- "start": 121,
8566
- "end": 122
8619
+ "start": 127,
8620
+ "end": 128
8567
8621
  },
8568
8622
  "context": {
8569
8623
  "type": "variable",
@@ -8571,8 +8625,8 @@
8571
8625
  "value": "k-math-div( $kendo-color-gradient-spacer, 2 )",
8572
8626
  "scope": "default",
8573
8627
  "line": {
8574
- "start": 123,
8575
- "end": 123
8628
+ "start": 129,
8629
+ "end": 129
8576
8630
  }
8577
8631
  },
8578
8632
  "group": [
@@ -8589,8 +8643,8 @@
8589
8643
  {
8590
8644
  "description": "The spacing between the ColorGradient inputs and their labels.\n",
8591
8645
  "commentRange": {
8592
- "start": 124,
8593
- "end": 125
8646
+ "start": 130,
8647
+ "end": 131
8594
8648
  },
8595
8649
  "context": {
8596
8650
  "type": "variable",
@@ -8598,8 +8652,8 @@
8598
8652
  "value": "k-map-get( $kendo-spacing, 1 )",
8599
8653
  "scope": "default",
8600
8654
  "line": {
8601
- "start": 126,
8602
- "end": 126
8655
+ "start": 132,
8656
+ "end": 132
8603
8657
  }
8604
8658
  },
8605
8659
  "group": [
@@ -8616,8 +8670,8 @@
8616
8670
  {
8617
8671
  "description": "The text color of the ColorGradient input labels.\n",
8618
8672
  "commentRange": {
8619
- "start": 127,
8620
- "end": 128
8673
+ "start": 133,
8674
+ "end": 134
8621
8675
  },
8622
8676
  "context": {
8623
8677
  "type": "variable",
@@ -8625,8 +8679,8 @@
8625
8679
  "value": "$kendo-subtle-text",
8626
8680
  "scope": "default",
8627
8681
  "line": {
8628
- "start": 129,
8629
- "end": 129
8682
+ "start": 135,
8683
+ "end": 135
8630
8684
  }
8631
8685
  },
8632
8686
  "group": [
@@ -8643,8 +8697,8 @@
8643
8697
  {
8644
8698
  "description": "The font weight of the ColorGradient contrast ratio text.\n",
8645
8699
  "commentRange": {
8646
- "start": 131,
8647
- "end": 132
8700
+ "start": 137,
8701
+ "end": 138
8648
8702
  },
8649
8703
  "context": {
8650
8704
  "type": "variable",
@@ -8652,8 +8706,8 @@
8652
8706
  "value": "$kendo-font-weight-bold",
8653
8707
  "scope": "default",
8654
8708
  "line": {
8655
- "start": 133,
8656
- "end": 133
8709
+ "start": 139,
8710
+ "end": 139
8657
8711
  }
8658
8712
  },
8659
8713
  "group": [
@@ -8670,8 +8724,8 @@
8670
8724
  {
8671
8725
  "description": "The spacing between the items in the ColorGradient contrast tool.\n",
8672
8726
  "commentRange": {
8673
- "start": 134,
8674
- "end": 135
8727
+ "start": 140,
8728
+ "end": 141
8675
8729
  },
8676
8730
  "context": {
8677
8731
  "type": "variable",
@@ -8679,8 +8733,8 @@
8679
8733
  "value": "k-math-div( $kendo-color-gradient-spacer, 2 )",
8680
8734
  "scope": "default",
8681
8735
  "line": {
8682
- "start": 136,
8683
- "end": 136
8736
+ "start": 142,
8737
+ "end": 142
8684
8738
  }
8685
8739
  },
8686
8740
  "group": [
@@ -11705,6 +11759,33 @@
11705
11759
  "resolvedValue": "#88ccff",
11706
11760
  "resolvedType": "Color"
11707
11761
  },
11762
+ {
11763
+ "description": "Global Elevation.\n",
11764
+ "commentRange": {
11765
+ "start": 31,
11766
+ "end": 32
11767
+ },
11768
+ "context": {
11769
+ "type": "variable",
11770
+ "name": "kendo-elevation",
11771
+ "value": "$_default-elevation",
11772
+ "scope": "default",
11773
+ "line": {
11774
+ "start": 33,
11775
+ "end": 33
11776
+ }
11777
+ },
11778
+ "group": [
11779
+ "elevation"
11780
+ ],
11781
+ "access": "public",
11782
+ "file": {
11783
+ "path": "core/elevation/index.import.scss",
11784
+ "name": "index.import.scss"
11785
+ },
11786
+ "resolvedValue": "(1: ((0px 1px 2px rgba(0, 0, 0, 0.038),)), 2: ((0px 2px 7px rgba(0, 0, 0, 0.075),)), 3: ((0px 4px 10px rgba(0, 0, 0, 0.1),)), 4: ((0px 6px 13px rgba(0, 0, 0, 0.125),)), 5: ((0px 8px 16px 0px rgba(0, 0, 0, 0.15),)), 6: ((0px 11px 24px 0px rgba(0, 0, 0, 0.159),)), 7: ((0px 14px 36px 0px rgba(0, 0, 0, 0.168),)), 8: ((0px 16px 48px 0px rgba(0, 0, 0, 0.176),)), 9: ((0px 18px 60px 0px rgba(0, 0, 0, 0.185),)))",
11787
+ "resolvedType": "Map"
11788
+ },
11708
11789
  {
11709
11790
  "description": "The vertical spacing of the ExpansionPanel.\n",
11710
11791
  "commentRange": {
@@ -13334,7 +13415,7 @@
13334
13415
  "context": {
13335
13416
  "type": "variable",
13336
13417
  "name": "kendo-fab-shadow",
13337
- "value": "0px 6px 10px rgba( black, .14 ), 0px 1px 18px rgba( black, .12 ), 0px 3px 5px rgba( black, .2 )",
13418
+ "value": "k-elevation(5)",
13338
13419
  "scope": "default",
13339
13420
  "line": {
13340
13421
  "start": 117,
@@ -13349,8 +13430,8 @@
13349
13430
  "path": "fab/_variables.scss",
13350
13431
  "name": "_variables.scss"
13351
13432
  },
13352
- "resolvedValue": "0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2)",
13353
- "resolvedType": "List"
13433
+ "resolvedValue": "var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15))",
13434
+ "resolvedType": "String"
13354
13435
  },
13355
13436
  {
13356
13437
  "description": "The shadow of the disabled FAB.\n",
@@ -13361,7 +13442,7 @@
13361
13442
  "context": {
13362
13443
  "type": "variable",
13363
13444
  "name": "kendo-fab-disabled-shadow",
13364
- "value": "0px 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0px 1px 18px k-try-tint( rgba( black, .12 ), .5 ), 0px 3px 5px k-try-tint( rgba( black, .2 ), .5 )",
13445
+ "value": "k-elevation(5)",
13365
13446
  "scope": "default",
13366
13447
  "line": {
13367
13448
  "start": 120,
@@ -13376,8 +13457,8 @@
13376
13457
  "path": "fab/_variables.scss",
13377
13458
  "name": "_variables.scss"
13378
13459
  },
13379
- "resolvedValue": "0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232)",
13380
- "resolvedType": "List"
13460
+ "resolvedValue": "var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15))",
13461
+ "resolvedType": "String"
13381
13462
  },
13382
13463
  {
13383
13464
  "description": "The shadow of the active FAB.\n",
@@ -13646,8 +13727,8 @@
13646
13727
  "path": "fab/_variables.scss",
13647
13728
  "name": "_variables.scss"
13648
13729
  },
13649
- "resolvedValue": "0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2)",
13650
- "resolvedType": "List"
13730
+ "resolvedValue": "var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15))",
13731
+ "resolvedType": "String"
13651
13732
  },
13652
13733
  {
13653
13734
  "description": "The shadow of the disabled FAB item.\n",
@@ -13673,8 +13754,8 @@
13673
13754
  "path": "fab/_variables.scss",
13674
13755
  "name": "_variables.scss"
13675
13756
  },
13676
- "resolvedValue": "0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232)",
13677
- "resolvedType": "List"
13757
+ "resolvedValue": "var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15))",
13758
+ "resolvedType": "String"
13678
13759
  },
13679
13760
  {
13680
13761
  "description": "The shadow of the active FAB item.\n",
@@ -22664,8 +22745,8 @@
22664
22745
  "path": "notification/_variables.scss",
22665
22746
  "name": "_variables.scss"
22666
22747
  },
22667
- "resolvedValue": "0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04)",
22668
- "resolvedType": "List"
22748
+ "resolvedValue": "var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125))",
22749
+ "resolvedType": "String"
22669
22750
  },
22670
22751
  {
22671
22752
  "description": "The horizontal spacing of the Notification icon.\n",
@@ -26213,7 +26294,7 @@
26213
26294
  "context": {
26214
26295
  "type": "variable",
26215
26296
  "name": "kendo-popup-shadow",
26216
- "value": "0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 )",
26297
+ "value": "k-elevation(4)",
26217
26298
  "scope": "default",
26218
26299
  "line": {
26219
26300
  "start": 39,
@@ -26228,8 +26309,8 @@
26228
26309
  "path": "popup/_variables.scss",
26229
26310
  "name": "_variables.scss"
26230
26311
  },
26231
- "resolvedValue": "0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04)",
26232
- "resolvedType": "List"
26312
+ "resolvedValue": "var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125))",
26313
+ "resolvedType": "String"
26233
26314
  },
26234
26315
  {
26235
26316
  "description": "The height of the ProgressBar.\n",
@@ -32357,8 +32438,8 @@
32357
32438
  "path": "tilelayout/_variables.scss",
32358
32439
  "name": "_variables.scss"
32359
32440
  },
32360
- "resolvedValue": "0 0 0 3px rgba(222, 226, 230, 0.5)",
32361
- "resolvedType": "List"
32441
+ "resolvedValue": "var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1))",
32442
+ "resolvedType": "String"
32362
32443
  },
32363
32444
  {
32364
32445
  "description": "The width of the border around the TileLayout hint.\n",
@@ -37407,7 +37488,7 @@
37407
37488
  "context": {
37408
37489
  "type": "variable",
37409
37490
  "name": "kendo-appbar-box-shadow",
37410
- "value": "0px 1px 1px rgba( black, .16 )",
37491
+ "value": "k-elevation(4)",
37411
37492
  "scope": "default",
37412
37493
  "line": {
37413
37494
  "start": 51,
@@ -37422,8 +37503,8 @@
37422
37503
  "path": "appbar/_variables.scss",
37423
37504
  "name": "_variables.scss"
37424
37505
  },
37425
- "resolvedValue": "0px 1px 1px rgba(0, 0, 0, 0.16)",
37426
- "resolvedType": "List"
37506
+ "resolvedValue": "var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125))",
37507
+ "resolvedType": "String"
37427
37508
  },
37428
37509
  {
37429
37510
  "description": "The box shadow of the AppBar with bottom position.\n",
@@ -37434,7 +37515,7 @@
37434
37515
  "context": {
37435
37516
  "type": "variable",
37436
37517
  "name": "kendo-appbar-bottom-box-shadow",
37437
- "value": "0px -1px 1px rgba( black, .16 )",
37518
+ "value": "k-elevation(4)",
37438
37519
  "scope": "default",
37439
37520
  "line": {
37440
37521
  "start": 54,
@@ -37449,8 +37530,8 @@
37449
37530
  "path": "appbar/_variables.scss",
37450
37531
  "name": "_variables.scss"
37451
37532
  },
37452
- "resolvedValue": "0px -1px 1px rgba(0, 0, 0, 0.16)",
37453
- "resolvedType": "List"
37533
+ "resolvedValue": "var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125))",
37534
+ "resolvedType": "String"
37454
37535
  }
37455
37536
  ]
37456
37537
  },
@@ -38667,7 +38748,7 @@
38667
38748
  "context": {
38668
38749
  "type": "variable",
38669
38750
  "name": "kendo-bottom-nav-shadow",
38670
- "value": "0px 0px 5px rgba( black, .12 )",
38751
+ "value": "k-elevation(4)",
38671
38752
  "scope": "default",
38672
38753
  "line": {
38673
38754
  "start": 52,
@@ -38682,8 +38763,8 @@
38682
38763
  "path": "bottom-navigation/_variables.scss",
38683
38764
  "name": "_variables.scss"
38684
38765
  },
38685
- "resolvedValue": "0px 0px 5px rgba(0, 0, 0, 0.12)",
38686
- "resolvedType": "List"
38766
+ "resolvedValue": "var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125))",
38767
+ "resolvedType": "String"
38687
38768
  },
38688
38769
  {
38689
38770
  "description": "The text color of the flat BottomNavigation.\n",
@@ -45364,15 +45445,15 @@
45364
45445
  "resolvedType": "Number"
45365
45446
  },
45366
45447
  {
45367
- "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",
45368
45449
  "commentRange": {
45369
45450
  "start": 89,
45370
45451
  "end": 90
45371
45452
  },
45372
45453
  "context": {
45373
45454
  "type": "variable",
45374
- "name": "kendo-color-gradient-draghandle-border-radius",
45375
- "value": "50%",
45455
+ "name": "kendo-color-gradient-draghandle-outline-width",
45456
+ "value": "1px",
45376
45457
  "scope": "default",
45377
45458
  "line": {
45378
45459
  "start": 91,
@@ -45387,19 +45468,19 @@
45387
45468
  "path": "colorgradient/_variables.scss",
45388
45469
  "name": "_variables.scss"
45389
45470
  },
45390
- "resolvedValue": "50%",
45471
+ "resolvedValue": "1px",
45391
45472
  "resolvedType": "Number"
45392
45473
  },
45393
45474
  {
45394
- "description": "The text color of the ColorGradient canvas drag handle.\n",
45475
+ "description": "The border radius of the ColorGradient canvas drag handle.\n",
45395
45476
  "commentRange": {
45396
45477
  "start": 92,
45397
45478
  "end": 93
45398
45479
  },
45399
45480
  "context": {
45400
45481
  "type": "variable",
45401
- "name": "kendo-color-gradient-draghandle-text",
45402
- "value": "null",
45482
+ "name": "kendo-color-gradient-draghandle-border-radius",
45483
+ "value": "50%",
45403
45484
  "scope": "default",
45404
45485
  "line": {
45405
45486
  "start": 94,
@@ -45414,19 +45495,19 @@
45414
45495
  "path": "colorgradient/_variables.scss",
45415
45496
  "name": "_variables.scss"
45416
45497
  },
45417
- "resolvedValue": "null",
45418
- "resolvedType": "Null"
45498
+ "resolvedValue": "50%",
45499
+ "resolvedType": "Number"
45419
45500
  },
45420
45501
  {
45421
- "description": "The background color of the ColorGradient canvas drag handle.\n",
45502
+ "description": "The text color of the ColorGradient canvas drag handle.\n",
45422
45503
  "commentRange": {
45423
45504
  "start": 95,
45424
45505
  "end": 96
45425
45506
  },
45426
45507
  "context": {
45427
45508
  "type": "variable",
45428
- "name": "kendo-color-gradient-draghandle-bg",
45429
- "value": "transparent",
45509
+ "name": "kendo-color-gradient-draghandle-text",
45510
+ "value": "null",
45430
45511
  "scope": "default",
45431
45512
  "line": {
45432
45513
  "start": 97,
@@ -45441,19 +45522,19 @@
45441
45522
  "path": "colorgradient/_variables.scss",
45442
45523
  "name": "_variables.scss"
45443
45524
  },
45444
- "resolvedValue": "transparent",
45445
- "resolvedType": "Color"
45525
+ "resolvedValue": "null",
45526
+ "resolvedType": "Null"
45446
45527
  },
45447
45528
  {
45448
- "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",
45449
45530
  "commentRange": {
45450
45531
  "start": 98,
45451
45532
  "end": 99
45452
45533
  },
45453
45534
  "context": {
45454
45535
  "type": "variable",
45455
- "name": "kendo-color-gradient-draghandle-border",
45456
- "value": "rgba( white, .8)",
45536
+ "name": "kendo-color-gradient-draghandle-bg",
45537
+ "value": "transparent",
45457
45538
  "scope": "default",
45458
45539
  "line": {
45459
45540
  "start": 100,
@@ -45468,19 +45549,19 @@
45468
45549
  "path": "colorgradient/_variables.scss",
45469
45550
  "name": "_variables.scss"
45470
45551
  },
45471
- "resolvedValue": "rgba(255, 255, 255, 0.8)",
45552
+ "resolvedValue": "transparent",
45472
45553
  "resolvedType": "Color"
45473
45554
  },
45474
45555
  {
45475
- "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",
45476
45557
  "commentRange": {
45477
45558
  "start": 101,
45478
45559
  "end": 102
45479
45560
  },
45480
45561
  "context": {
45481
45562
  "type": "variable",
45482
- "name": "kendo-color-gradient-draghandle-shadow",
45483
- "value": "0 1px 4px rgba( black, .5 )",
45563
+ "name": "kendo-color-gradient-draghandle-border",
45564
+ "value": "rgba( $kendo-color-white, .8)",
45484
45565
  "scope": "default",
45485
45566
  "line": {
45486
45567
  "start": 103,
@@ -45495,19 +45576,19 @@
45495
45576
  "path": "colorgradient/_variables.scss",
45496
45577
  "name": "_variables.scss"
45497
45578
  },
45498
- "resolvedValue": "0 1px 4px rgba(0, 0, 0, 0.5)",
45499
- "resolvedType": "List"
45579
+ "resolvedValue": "rgba(255, 255, 255, 0.8)",
45580
+ "resolvedType": "Color"
45500
45581
  },
45501
45582
  {
45502
- "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",
45503
45584
  "commentRange": {
45504
45585
  "start": 104,
45505
45586
  "end": 105
45506
45587
  },
45507
45588
  "context": {
45508
45589
  "type": "variable",
45509
- "name": "kendo-color-gradient-draghandle-focus-shadow",
45510
- "value": "0 1px 4px black",
45590
+ "name": "kendo-color-gradient-draghandle-shadow",
45591
+ "value": "rgba( $kendo-color-black, .5)",
45511
45592
  "scope": "default",
45512
45593
  "line": {
45513
45594
  "start": 106,
@@ -45522,19 +45603,19 @@
45522
45603
  "path": "colorgradient/_variables.scss",
45523
45604
  "name": "_variables.scss"
45524
45605
  },
45525
- "resolvedValue": "0 1px 4px black",
45526
- "resolvedType": "List"
45606
+ "resolvedValue": "rgba(0, 0, 0, 0.5)",
45607
+ "resolvedType": "Color"
45527
45608
  },
45528
45609
  {
45529
- "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",
45530
45611
  "commentRange": {
45531
45612
  "start": 107,
45532
45613
  "end": 108
45533
45614
  },
45534
45615
  "context": {
45535
45616
  "type": "variable",
45536
- "name": "kendo-color-gradient-draghandle-hover-shadow",
45537
- "value": "$kendo-color-gradient-draghandle-focus-shadow",
45617
+ "name": "kendo-color-gradient-draghandle-focus-shadow",
45618
+ "value": "$kendo-color-black",
45538
45619
  "scope": "default",
45539
45620
  "line": {
45540
45621
  "start": 109,
@@ -45549,14 +45630,68 @@
45549
45630
  "path": "colorgradient/_variables.scss",
45550
45631
  "name": "_variables.scss"
45551
45632
  },
45552
- "resolvedValue": "0 1px 4px black",
45553
- "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"
45554
45689
  },
45555
45690
  {
45556
45691
  "description": "The vertical margin of the ColorGradient canvas drag handle.\n",
45557
45692
  "commentRange": {
45558
- "start": 111,
45559
- "end": 112
45693
+ "start": 117,
45694
+ "end": 118
45560
45695
  },
45561
45696
  "context": {
45562
45697
  "type": "variable",
@@ -45564,8 +45699,8 @@
45564
45699
  "value": "- k-math-div( $kendo-color-gradient-draghandle-height, 2 )",
45565
45700
  "scope": "default",
45566
45701
  "line": {
45567
- "start": 113,
45568
- "end": 113
45702
+ "start": 119,
45703
+ "end": 119
45569
45704
  }
45570
45705
  },
45571
45706
  "group": [
@@ -45582,8 +45717,8 @@
45582
45717
  {
45583
45718
  "description": "The horizontal margin of the ColorGradient canvas drag handle.\n",
45584
45719
  "commentRange": {
45585
- "start": 114,
45586
- "end": 115
45720
+ "start": 120,
45721
+ "end": 121
45587
45722
  },
45588
45723
  "context": {
45589
45724
  "type": "variable",
@@ -45591,8 +45726,8 @@
45591
45726
  "value": "- k-math-div( $kendo-color-gradient-draghandle-width, 2 )",
45592
45727
  "scope": "default",
45593
45728
  "line": {
45594
- "start": 116,
45595
- "end": 116
45729
+ "start": 122,
45730
+ "end": 122
45596
45731
  }
45597
45732
  },
45598
45733
  "group": [
@@ -45609,8 +45744,8 @@
45609
45744
  {
45610
45745
  "description": "The width of the ColorGradient input.\n",
45611
45746
  "commentRange": {
45612
- "start": 118,
45613
- "end": 119
45747
+ "start": 124,
45748
+ "end": 125
45614
45749
  },
45615
45750
  "context": {
45616
45751
  "type": "variable",
@@ -45618,8 +45753,8 @@
45618
45753
  "value": "56px",
45619
45754
  "scope": "default",
45620
45755
  "line": {
45621
- "start": 120,
45622
- "end": 120
45756
+ "start": 126,
45757
+ "end": 126
45623
45758
  }
45624
45759
  },
45625
45760
  "group": [
@@ -45636,8 +45771,8 @@
45636
45771
  {
45637
45772
  "description": "The spacing between the ColorGradient inputs.\n",
45638
45773
  "commentRange": {
45639
- "start": 121,
45640
- "end": 122
45774
+ "start": 127,
45775
+ "end": 128
45641
45776
  },
45642
45777
  "context": {
45643
45778
  "type": "variable",
@@ -45645,8 +45780,8 @@
45645
45780
  "value": "k-math-div( $kendo-color-gradient-spacer, 2 )",
45646
45781
  "scope": "default",
45647
45782
  "line": {
45648
- "start": 123,
45649
- "end": 123
45783
+ "start": 129,
45784
+ "end": 129
45650
45785
  }
45651
45786
  },
45652
45787
  "group": [
@@ -45663,8 +45798,8 @@
45663
45798
  {
45664
45799
  "description": "The spacing between the ColorGradient inputs and their labels.\n",
45665
45800
  "commentRange": {
45666
- "start": 124,
45667
- "end": 125
45801
+ "start": 130,
45802
+ "end": 131
45668
45803
  },
45669
45804
  "context": {
45670
45805
  "type": "variable",
@@ -45672,8 +45807,8 @@
45672
45807
  "value": "k-map-get( $kendo-spacing, 1 )",
45673
45808
  "scope": "default",
45674
45809
  "line": {
45675
- "start": 126,
45676
- "end": 126
45810
+ "start": 132,
45811
+ "end": 132
45677
45812
  }
45678
45813
  },
45679
45814
  "group": [
@@ -45690,8 +45825,8 @@
45690
45825
  {
45691
45826
  "description": "The text color of the ColorGradient input labels.\n",
45692
45827
  "commentRange": {
45693
- "start": 127,
45694
- "end": 128
45828
+ "start": 133,
45829
+ "end": 134
45695
45830
  },
45696
45831
  "context": {
45697
45832
  "type": "variable",
@@ -45699,8 +45834,8 @@
45699
45834
  "value": "$kendo-subtle-text",
45700
45835
  "scope": "default",
45701
45836
  "line": {
45702
- "start": 129,
45703
- "end": 129
45837
+ "start": 135,
45838
+ "end": 135
45704
45839
  }
45705
45840
  },
45706
45841
  "group": [
@@ -45717,8 +45852,8 @@
45717
45852
  {
45718
45853
  "description": "The font weight of the ColorGradient contrast ratio text.\n",
45719
45854
  "commentRange": {
45720
- "start": 131,
45721
- "end": 132
45855
+ "start": 137,
45856
+ "end": 138
45722
45857
  },
45723
45858
  "context": {
45724
45859
  "type": "variable",
@@ -45726,8 +45861,8 @@
45726
45861
  "value": "$kendo-font-weight-bold",
45727
45862
  "scope": "default",
45728
45863
  "line": {
45729
- "start": 133,
45730
- "end": 133
45864
+ "start": 139,
45865
+ "end": 139
45731
45866
  }
45732
45867
  },
45733
45868
  "group": [
@@ -45744,8 +45879,8 @@
45744
45879
  {
45745
45880
  "description": "The spacing between the items in the ColorGradient contrast tool.\n",
45746
45881
  "commentRange": {
45747
- "start": 134,
45748
- "end": 135
45882
+ "start": 140,
45883
+ "end": 141
45749
45884
  },
45750
45885
  "context": {
45751
45886
  "type": "variable",
@@ -45753,8 +45888,8 @@
45753
45888
  "value": "k-math-div( $kendo-color-gradient-spacer, 2 )",
45754
45889
  "scope": "default",
45755
45890
  "line": {
45756
- "start": 136,
45757
- "end": 136
45891
+ "start": 142,
45892
+ "end": 142
45758
45893
  }
45759
45894
  },
45760
45895
  "group": [
@@ -48829,6 +48964,39 @@
48829
48964
  }
48830
48965
  ]
48831
48966
  },
48967
+ {
48968
+ "id": "elevation",
48969
+ "title": "Elevation",
48970
+ "variables": [
48971
+ {
48972
+ "description": "Global Elevation.\n",
48973
+ "commentRange": {
48974
+ "start": 31,
48975
+ "end": 32
48976
+ },
48977
+ "context": {
48978
+ "type": "variable",
48979
+ "name": "kendo-elevation",
48980
+ "value": "$_default-elevation",
48981
+ "scope": "default",
48982
+ "line": {
48983
+ "start": 33,
48984
+ "end": 33
48985
+ }
48986
+ },
48987
+ "group": [
48988
+ "elevation"
48989
+ ],
48990
+ "access": "public",
48991
+ "file": {
48992
+ "path": "core/elevation/index.import.scss",
48993
+ "name": "index.import.scss"
48994
+ },
48995
+ "resolvedValue": "(1: ((0px 1px 2px rgba(0, 0, 0, 0.038),)), 2: ((0px 2px 7px rgba(0, 0, 0, 0.075),)), 3: ((0px 4px 10px rgba(0, 0, 0, 0.1),)), 4: ((0px 6px 13px rgba(0, 0, 0, 0.125),)), 5: ((0px 8px 16px 0px rgba(0, 0, 0, 0.15),)), 6: ((0px 11px 24px 0px rgba(0, 0, 0, 0.159),)), 7: ((0px 14px 36px 0px rgba(0, 0, 0, 0.168),)), 8: ((0px 16px 48px 0px rgba(0, 0, 0, 0.176),)), 9: ((0px 18px 60px 0px rgba(0, 0, 0, 0.185),)))",
48996
+ "resolvedType": "Map"
48997
+ }
48998
+ ]
48999
+ },
48832
49000
  {
48833
49001
  "id": "expander",
48834
49002
  "title": "Expander",
@@ -50474,7 +50642,7 @@
50474
50642
  "context": {
50475
50643
  "type": "variable",
50476
50644
  "name": "kendo-fab-shadow",
50477
- "value": "0px 6px 10px rgba( black, .14 ), 0px 1px 18px rgba( black, .12 ), 0px 3px 5px rgba( black, .2 )",
50645
+ "value": "k-elevation(5)",
50478
50646
  "scope": "default",
50479
50647
  "line": {
50480
50648
  "start": 117,
@@ -50489,8 +50657,8 @@
50489
50657
  "path": "fab/_variables.scss",
50490
50658
  "name": "_variables.scss"
50491
50659
  },
50492
- "resolvedValue": "0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2)",
50493
- "resolvedType": "List"
50660
+ "resolvedValue": "var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15))",
50661
+ "resolvedType": "String"
50494
50662
  },
50495
50663
  {
50496
50664
  "description": "The shadow of the disabled FAB.\n",
@@ -50501,7 +50669,7 @@
50501
50669
  "context": {
50502
50670
  "type": "variable",
50503
50671
  "name": "kendo-fab-disabled-shadow",
50504
- "value": "0px 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0px 1px 18px k-try-tint( rgba( black, .12 ), .5 ), 0px 3px 5px k-try-tint( rgba( black, .2 ), .5 )",
50672
+ "value": "k-elevation(5)",
50505
50673
  "scope": "default",
50506
50674
  "line": {
50507
50675
  "start": 120,
@@ -50516,8 +50684,8 @@
50516
50684
  "path": "fab/_variables.scss",
50517
50685
  "name": "_variables.scss"
50518
50686
  },
50519
- "resolvedValue": "0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232)",
50520
- "resolvedType": "List"
50687
+ "resolvedValue": "var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15))",
50688
+ "resolvedType": "String"
50521
50689
  },
50522
50690
  {
50523
50691
  "description": "The shadow of the active FAB.\n",
@@ -50786,8 +50954,8 @@
50786
50954
  "path": "fab/_variables.scss",
50787
50955
  "name": "_variables.scss"
50788
50956
  },
50789
- "resolvedValue": "0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2)",
50790
- "resolvedType": "List"
50957
+ "resolvedValue": "var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15))",
50958
+ "resolvedType": "String"
50791
50959
  },
50792
50960
  {
50793
50961
  "description": "The shadow of the disabled FAB item.\n",
@@ -50813,8 +50981,8 @@
50813
50981
  "path": "fab/_variables.scss",
50814
50982
  "name": "_variables.scss"
50815
50983
  },
50816
- "resolvedValue": "0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232)",
50817
- "resolvedType": "List"
50984
+ "resolvedValue": "var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15))",
50985
+ "resolvedType": "String"
50818
50986
  },
50819
50987
  {
50820
50988
  "description": "The shadow of the active FAB item.\n",
@@ -59876,8 +60044,8 @@
59876
60044
  "path": "notification/_variables.scss",
59877
60045
  "name": "_variables.scss"
59878
60046
  },
59879
- "resolvedValue": "0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04)",
59880
- "resolvedType": "List"
60047
+ "resolvedValue": "var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125))",
60048
+ "resolvedType": "String"
59881
60049
  },
59882
60050
  {
59883
60051
  "description": "The horizontal spacing of the Notification icon.\n",
@@ -63449,7 +63617,7 @@
63449
63617
  "context": {
63450
63618
  "type": "variable",
63451
63619
  "name": "kendo-popup-shadow",
63452
- "value": "0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 )",
63620
+ "value": "k-elevation(4)",
63453
63621
  "scope": "default",
63454
63622
  "line": {
63455
63623
  "start": 39,
@@ -63464,8 +63632,8 @@
63464
63632
  "path": "popup/_variables.scss",
63465
63633
  "name": "_variables.scss"
63466
63634
  },
63467
- "resolvedValue": "0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04)",
63468
- "resolvedType": "List"
63635
+ "resolvedValue": "var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125))",
63636
+ "resolvedType": "String"
63469
63637
  }
63470
63638
  ]
63471
63639
  },
@@ -69641,8 +69809,8 @@
69641
69809
  "path": "tilelayout/_variables.scss",
69642
69810
  "name": "_variables.scss"
69643
69811
  },
69644
- "resolvedValue": "0 0 0 3px rgba(222, 226, 230, 0.5)",
69645
- "resolvedType": "List"
69812
+ "resolvedValue": "var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1))",
69813
+ "resolvedType": "String"
69646
69814
  },
69647
69815
  {
69648
69816
  "description": "The width of the border around the TileLayout hint.\n",