@progress/kendo-theme-core 12.1.0-dev.4 → 12.1.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.
- package/dist/meta/sassdoc-data.json +78 -78
- package/dist/meta/sassdoc-raw-data.json +39 -39
- package/dist/meta/variables.json +289 -0
- package/package.json +2 -2
- package/scss/border-radii/index.import.scss +3 -4
- package/scss/color-system/_swatch.scss +3 -3
- package/scss/components/bubble/_layout.scss +1 -1
- package/scss/components/chat/_layout.scss +1 -3
- package/scss/components/datetimepicker/_layout.scss +17 -0
- package/scss/components/datetimepicker/_variables.scss +4 -0
- package/scss/components/editor/_layout.scss +1 -1
- package/scss/components/filemanager/_layout.scss +1 -1
- package/scss/components/popup/_layout.scss +2 -2
- package/scss/elevation/index.import.scss +3 -3
- package/scss/spacing/index.import.scss +3 -3
- package/scss/typography/index.import.scss +15 -20
|
@@ -295,7 +295,7 @@
|
|
|
295
295
|
"context": {
|
|
296
296
|
"type": "variable",
|
|
297
297
|
"name": "kendo-colors",
|
|
298
|
-
"value": "$
|
|
298
|
+
"value": "$default-colors",
|
|
299
299
|
"scope": "default",
|
|
300
300
|
"line": {
|
|
301
301
|
"start": 424,
|
|
@@ -1480,7 +1480,7 @@
|
|
|
1480
1480
|
"context": {
|
|
1481
1481
|
"type": "variable",
|
|
1482
1482
|
"name": "kendo-elevation",
|
|
1483
|
-
"value": "$
|
|
1483
|
+
"value": "$default-elevation",
|
|
1484
1484
|
"scope": "default",
|
|
1485
1485
|
"line": {
|
|
1486
1486
|
"start": 44,
|
|
@@ -2285,17 +2285,17 @@
|
|
|
2285
2285
|
{
|
|
2286
2286
|
"description": "The global radii Map.\n",
|
|
2287
2287
|
"commentRange": {
|
|
2288
|
-
"start":
|
|
2289
|
-
"end":
|
|
2288
|
+
"start": 46,
|
|
2289
|
+
"end": 47
|
|
2290
2290
|
},
|
|
2291
2291
|
"context": {
|
|
2292
2292
|
"type": "variable",
|
|
2293
2293
|
"name": "kendo-border-radii",
|
|
2294
|
-
"value": "
|
|
2295
|
-
"scope": "
|
|
2294
|
+
"value": "$default-border-radii",
|
|
2295
|
+
"scope": "default",
|
|
2296
2296
|
"line": {
|
|
2297
|
-
"start":
|
|
2298
|
-
"end":
|
|
2297
|
+
"start": 48,
|
|
2298
|
+
"end": 48
|
|
2299
2299
|
}
|
|
2300
2300
|
},
|
|
2301
2301
|
"group": [
|
|
@@ -2329,7 +2329,7 @@
|
|
|
2329
2329
|
"context": {
|
|
2330
2330
|
"type": "variable",
|
|
2331
2331
|
"name": "kendo-spacing",
|
|
2332
|
-
"value": "$
|
|
2332
|
+
"value": "$default-spacing",
|
|
2333
2333
|
"scope": "default",
|
|
2334
2334
|
"line": {
|
|
2335
2335
|
"start": 49,
|
|
@@ -3364,17 +3364,17 @@
|
|
|
3364
3364
|
{
|
|
3365
3365
|
"description": "The font sizes map\n",
|
|
3366
3366
|
"commentRange": {
|
|
3367
|
-
"start":
|
|
3368
|
-
"end":
|
|
3367
|
+
"start": 164,
|
|
3368
|
+
"end": 165
|
|
3369
3369
|
},
|
|
3370
3370
|
"context": {
|
|
3371
3371
|
"type": "variable",
|
|
3372
3372
|
"name": "kendo-font-sizes",
|
|
3373
|
-
"value": "
|
|
3374
|
-
"scope": "
|
|
3373
|
+
"value": "$default-font-sizes",
|
|
3374
|
+
"scope": "default",
|
|
3375
3375
|
"line": {
|
|
3376
|
-
"start":
|
|
3377
|
-
"end":
|
|
3376
|
+
"start": 166,
|
|
3377
|
+
"end": 166
|
|
3378
3378
|
}
|
|
3379
3379
|
},
|
|
3380
3380
|
"group": [
|
|
@@ -3399,17 +3399,17 @@
|
|
|
3399
3399
|
{
|
|
3400
3400
|
"description": "The line heights map\n",
|
|
3401
3401
|
"commentRange": {
|
|
3402
|
-
"start":
|
|
3403
|
-
"end":
|
|
3402
|
+
"start": 169,
|
|
3403
|
+
"end": 170
|
|
3404
3404
|
},
|
|
3405
3405
|
"context": {
|
|
3406
3406
|
"type": "variable",
|
|
3407
3407
|
"name": "kendo-line-heights",
|
|
3408
|
-
"value": "
|
|
3409
|
-
"scope": "
|
|
3408
|
+
"value": "$default-line-heights",
|
|
3409
|
+
"scope": "default",
|
|
3410
3410
|
"line": {
|
|
3411
|
-
"start":
|
|
3412
|
-
"end":
|
|
3411
|
+
"start": 171,
|
|
3412
|
+
"end": 171
|
|
3413
3413
|
}
|
|
3414
3414
|
},
|
|
3415
3415
|
"group": [
|
|
@@ -3432,17 +3432,17 @@
|
|
|
3432
3432
|
{
|
|
3433
3433
|
"description": "The font weights map\n",
|
|
3434
3434
|
"commentRange": {
|
|
3435
|
-
"start":
|
|
3436
|
-
"end":
|
|
3435
|
+
"start": 174,
|
|
3436
|
+
"end": 175
|
|
3437
3437
|
},
|
|
3438
3438
|
"context": {
|
|
3439
3439
|
"type": "variable",
|
|
3440
3440
|
"name": "kendo-font-weights",
|
|
3441
|
-
"value": "
|
|
3442
|
-
"scope": "
|
|
3441
|
+
"value": "$default-font-weights",
|
|
3442
|
+
"scope": "default",
|
|
3443
3443
|
"line": {
|
|
3444
|
-
"start":
|
|
3445
|
-
"end":
|
|
3444
|
+
"start": 176,
|
|
3445
|
+
"end": 176
|
|
3446
3446
|
}
|
|
3447
3447
|
},
|
|
3448
3448
|
"group": [
|
|
@@ -3470,17 +3470,17 @@
|
|
|
3470
3470
|
{
|
|
3471
3471
|
"description": "The letter spacings map\n",
|
|
3472
3472
|
"commentRange": {
|
|
3473
|
-
"start":
|
|
3474
|
-
"end":
|
|
3473
|
+
"start": 179,
|
|
3474
|
+
"end": 180
|
|
3475
3475
|
},
|
|
3476
3476
|
"context": {
|
|
3477
3477
|
"type": "variable",
|
|
3478
3478
|
"name": "kendo-letter-spacings",
|
|
3479
|
-
"value": "
|
|
3480
|
-
"scope": "
|
|
3479
|
+
"value": "$default-letter-spacings",
|
|
3480
|
+
"scope": "default",
|
|
3481
3481
|
"line": {
|
|
3482
|
-
"start":
|
|
3483
|
-
"end":
|
|
3482
|
+
"start": 181,
|
|
3483
|
+
"end": 181
|
|
3484
3484
|
}
|
|
3485
3485
|
},
|
|
3486
3486
|
"group": [
|
|
@@ -3506,17 +3506,17 @@
|
|
|
3506
3506
|
{
|
|
3507
3507
|
"description": "The font families map\n",
|
|
3508
3508
|
"commentRange": {
|
|
3509
|
-
"start":
|
|
3510
|
-
"end":
|
|
3509
|
+
"start": 184,
|
|
3510
|
+
"end": 185
|
|
3511
3511
|
},
|
|
3512
3512
|
"context": {
|
|
3513
3513
|
"type": "variable",
|
|
3514
3514
|
"name": "kendo-font-families",
|
|
3515
|
-
"value": "
|
|
3516
|
-
"scope": "
|
|
3515
|
+
"value": "$default-font-families",
|
|
3516
|
+
"scope": "default",
|
|
3517
3517
|
"line": {
|
|
3518
|
-
"start":
|
|
3519
|
-
"end":
|
|
3518
|
+
"start": 186,
|
|
3519
|
+
"end": 186
|
|
3520
3520
|
}
|
|
3521
3521
|
},
|
|
3522
3522
|
"group": [
|
|
@@ -11225,17 +11225,17 @@
|
|
|
11225
11225
|
{
|
|
11226
11226
|
"description": "The global radii Map.\n",
|
|
11227
11227
|
"commentRange": {
|
|
11228
|
-
"start":
|
|
11229
|
-
"end":
|
|
11228
|
+
"start": 46,
|
|
11229
|
+
"end": 47
|
|
11230
11230
|
},
|
|
11231
11231
|
"context": {
|
|
11232
11232
|
"type": "variable",
|
|
11233
11233
|
"name": "kendo-border-radii",
|
|
11234
|
-
"value": "
|
|
11235
|
-
"scope": "
|
|
11234
|
+
"value": "$default-border-radii",
|
|
11235
|
+
"scope": "default",
|
|
11236
11236
|
"line": {
|
|
11237
|
-
"start":
|
|
11238
|
-
"end":
|
|
11237
|
+
"start": 48,
|
|
11238
|
+
"end": 48
|
|
11239
11239
|
}
|
|
11240
11240
|
},
|
|
11241
11241
|
"group": [
|
|
@@ -11499,7 +11499,7 @@
|
|
|
11499
11499
|
"context": {
|
|
11500
11500
|
"type": "variable",
|
|
11501
11501
|
"name": "kendo-colors",
|
|
11502
|
-
"value": "$
|
|
11502
|
+
"value": "$default-colors",
|
|
11503
11503
|
"scope": "default",
|
|
11504
11504
|
"line": {
|
|
11505
11505
|
"start": 424,
|
|
@@ -12690,7 +12690,7 @@
|
|
|
12690
12690
|
"context": {
|
|
12691
12691
|
"type": "variable",
|
|
12692
12692
|
"name": "kendo-elevation",
|
|
12693
|
-
"value": "$
|
|
12693
|
+
"value": "$default-elevation",
|
|
12694
12694
|
"scope": "default",
|
|
12695
12695
|
"line": {
|
|
12696
12696
|
"start": 44,
|
|
@@ -13270,7 +13270,7 @@
|
|
|
13270
13270
|
"context": {
|
|
13271
13271
|
"type": "variable",
|
|
13272
13272
|
"name": "kendo-spacing",
|
|
13273
|
-
"value": "$
|
|
13273
|
+
"value": "$default-spacing",
|
|
13274
13274
|
"scope": "default",
|
|
13275
13275
|
"line": {
|
|
13276
13276
|
"start": 49,
|
|
@@ -14311,17 +14311,17 @@
|
|
|
14311
14311
|
{
|
|
14312
14312
|
"description": "The font sizes map\n",
|
|
14313
14313
|
"commentRange": {
|
|
14314
|
-
"start":
|
|
14315
|
-
"end":
|
|
14314
|
+
"start": 164,
|
|
14315
|
+
"end": 165
|
|
14316
14316
|
},
|
|
14317
14317
|
"context": {
|
|
14318
14318
|
"type": "variable",
|
|
14319
14319
|
"name": "kendo-font-sizes",
|
|
14320
|
-
"value": "
|
|
14321
|
-
"scope": "
|
|
14320
|
+
"value": "$default-font-sizes",
|
|
14321
|
+
"scope": "default",
|
|
14322
14322
|
"line": {
|
|
14323
|
-
"start":
|
|
14324
|
-
"end":
|
|
14323
|
+
"start": 166,
|
|
14324
|
+
"end": 166
|
|
14325
14325
|
}
|
|
14326
14326
|
},
|
|
14327
14327
|
"group": [
|
|
@@ -14346,17 +14346,17 @@
|
|
|
14346
14346
|
{
|
|
14347
14347
|
"description": "The line heights map\n",
|
|
14348
14348
|
"commentRange": {
|
|
14349
|
-
"start":
|
|
14350
|
-
"end":
|
|
14349
|
+
"start": 169,
|
|
14350
|
+
"end": 170
|
|
14351
14351
|
},
|
|
14352
14352
|
"context": {
|
|
14353
14353
|
"type": "variable",
|
|
14354
14354
|
"name": "kendo-line-heights",
|
|
14355
|
-
"value": "
|
|
14356
|
-
"scope": "
|
|
14355
|
+
"value": "$default-line-heights",
|
|
14356
|
+
"scope": "default",
|
|
14357
14357
|
"line": {
|
|
14358
|
-
"start":
|
|
14359
|
-
"end":
|
|
14358
|
+
"start": 171,
|
|
14359
|
+
"end": 171
|
|
14360
14360
|
}
|
|
14361
14361
|
},
|
|
14362
14362
|
"group": [
|
|
@@ -14379,17 +14379,17 @@
|
|
|
14379
14379
|
{
|
|
14380
14380
|
"description": "The font weights map\n",
|
|
14381
14381
|
"commentRange": {
|
|
14382
|
-
"start":
|
|
14383
|
-
"end":
|
|
14382
|
+
"start": 174,
|
|
14383
|
+
"end": 175
|
|
14384
14384
|
},
|
|
14385
14385
|
"context": {
|
|
14386
14386
|
"type": "variable",
|
|
14387
14387
|
"name": "kendo-font-weights",
|
|
14388
|
-
"value": "
|
|
14389
|
-
"scope": "
|
|
14388
|
+
"value": "$default-font-weights",
|
|
14389
|
+
"scope": "default",
|
|
14390
14390
|
"line": {
|
|
14391
|
-
"start":
|
|
14392
|
-
"end":
|
|
14391
|
+
"start": 176,
|
|
14392
|
+
"end": 176
|
|
14393
14393
|
}
|
|
14394
14394
|
},
|
|
14395
14395
|
"group": [
|
|
@@ -14417,17 +14417,17 @@
|
|
|
14417
14417
|
{
|
|
14418
14418
|
"description": "The letter spacings map\n",
|
|
14419
14419
|
"commentRange": {
|
|
14420
|
-
"start":
|
|
14421
|
-
"end":
|
|
14420
|
+
"start": 179,
|
|
14421
|
+
"end": 180
|
|
14422
14422
|
},
|
|
14423
14423
|
"context": {
|
|
14424
14424
|
"type": "variable",
|
|
14425
14425
|
"name": "kendo-letter-spacings",
|
|
14426
|
-
"value": "
|
|
14427
|
-
"scope": "
|
|
14426
|
+
"value": "$default-letter-spacings",
|
|
14427
|
+
"scope": "default",
|
|
14428
14428
|
"line": {
|
|
14429
|
-
"start":
|
|
14430
|
-
"end":
|
|
14429
|
+
"start": 181,
|
|
14430
|
+
"end": 181
|
|
14431
14431
|
}
|
|
14432
14432
|
},
|
|
14433
14433
|
"group": [
|
|
@@ -14453,17 +14453,17 @@
|
|
|
14453
14453
|
{
|
|
14454
14454
|
"description": "The font families map\n",
|
|
14455
14455
|
"commentRange": {
|
|
14456
|
-
"start":
|
|
14457
|
-
"end":
|
|
14456
|
+
"start": 184,
|
|
14457
|
+
"end": 185
|
|
14458
14458
|
},
|
|
14459
14459
|
"context": {
|
|
14460
14460
|
"type": "variable",
|
|
14461
14461
|
"name": "kendo-font-families",
|
|
14462
|
-
"value": "
|
|
14463
|
-
"scope": "
|
|
14462
|
+
"value": "$default-font-families",
|
|
14463
|
+
"scope": "default",
|
|
14464
14464
|
"line": {
|
|
14465
|
-
"start":
|
|
14466
|
-
"end":
|
|
14465
|
+
"start": 186,
|
|
14466
|
+
"end": 186
|
|
14467
14467
|
}
|
|
14468
14468
|
},
|
|
14469
14469
|
"group": [
|
|
@@ -1004,7 +1004,7 @@
|
|
|
1004
1004
|
"context": {
|
|
1005
1005
|
"type": "variable",
|
|
1006
1006
|
"name": "kendo-colors",
|
|
1007
|
-
"value": "$
|
|
1007
|
+
"value": "$default-colors",
|
|
1008
1008
|
"scope": "default",
|
|
1009
1009
|
"line": {
|
|
1010
1010
|
"start": 424,
|
|
@@ -3335,7 +3335,7 @@
|
|
|
3335
3335
|
"context": {
|
|
3336
3336
|
"type": "variable",
|
|
3337
3337
|
"name": "kendo-elevation",
|
|
3338
|
-
"value": "$
|
|
3338
|
+
"value": "$default-elevation",
|
|
3339
3339
|
"scope": "default",
|
|
3340
3340
|
"line": {
|
|
3341
3341
|
"start": 44,
|
|
@@ -3879,17 +3879,17 @@
|
|
|
3879
3879
|
{
|
|
3880
3880
|
"description": "The global radii Map.\n",
|
|
3881
3881
|
"commentRange": {
|
|
3882
|
-
"start":
|
|
3883
|
-
"end":
|
|
3882
|
+
"start": 46,
|
|
3883
|
+
"end": 47
|
|
3884
3884
|
},
|
|
3885
3885
|
"context": {
|
|
3886
3886
|
"type": "variable",
|
|
3887
3887
|
"name": "kendo-border-radii",
|
|
3888
|
-
"value": "
|
|
3889
|
-
"scope": "
|
|
3888
|
+
"value": "$default-border-radii",
|
|
3889
|
+
"scope": "default",
|
|
3890
3890
|
"line": {
|
|
3891
|
-
"start":
|
|
3892
|
-
"end":
|
|
3891
|
+
"start": 48,
|
|
3892
|
+
"end": 48
|
|
3893
3893
|
}
|
|
3894
3894
|
},
|
|
3895
3895
|
"group": [
|
|
@@ -3910,7 +3910,7 @@
|
|
|
3910
3910
|
"context": {
|
|
3911
3911
|
"type": "variable",
|
|
3912
3912
|
"name": "kendo-spacing",
|
|
3913
|
-
"value": "$
|
|
3913
|
+
"value": "$default-spacing",
|
|
3914
3914
|
"scope": "default",
|
|
3915
3915
|
"line": {
|
|
3916
3916
|
"start": 49,
|
|
@@ -4829,17 +4829,17 @@
|
|
|
4829
4829
|
{
|
|
4830
4830
|
"description": "The font sizes map\n",
|
|
4831
4831
|
"commentRange": {
|
|
4832
|
-
"start":
|
|
4833
|
-
"end":
|
|
4832
|
+
"start": 164,
|
|
4833
|
+
"end": 165
|
|
4834
4834
|
},
|
|
4835
4835
|
"context": {
|
|
4836
4836
|
"type": "variable",
|
|
4837
4837
|
"name": "kendo-font-sizes",
|
|
4838
|
-
"value": "
|
|
4839
|
-
"scope": "
|
|
4838
|
+
"value": "$default-font-sizes",
|
|
4839
|
+
"scope": "default",
|
|
4840
4840
|
"line": {
|
|
4841
|
-
"start":
|
|
4842
|
-
"end":
|
|
4841
|
+
"start": 166,
|
|
4842
|
+
"end": 166
|
|
4843
4843
|
}
|
|
4844
4844
|
},
|
|
4845
4845
|
"group": [
|
|
@@ -4854,17 +4854,17 @@
|
|
|
4854
4854
|
{
|
|
4855
4855
|
"description": "The line heights map\n",
|
|
4856
4856
|
"commentRange": {
|
|
4857
|
-
"start":
|
|
4858
|
-
"end":
|
|
4857
|
+
"start": 169,
|
|
4858
|
+
"end": 170
|
|
4859
4859
|
},
|
|
4860
4860
|
"context": {
|
|
4861
4861
|
"type": "variable",
|
|
4862
4862
|
"name": "kendo-line-heights",
|
|
4863
|
-
"value": "
|
|
4864
|
-
"scope": "
|
|
4863
|
+
"value": "$default-line-heights",
|
|
4864
|
+
"scope": "default",
|
|
4865
4865
|
"line": {
|
|
4866
|
-
"start":
|
|
4867
|
-
"end":
|
|
4866
|
+
"start": 171,
|
|
4867
|
+
"end": 171
|
|
4868
4868
|
}
|
|
4869
4869
|
},
|
|
4870
4870
|
"group": [
|
|
@@ -4879,17 +4879,17 @@
|
|
|
4879
4879
|
{
|
|
4880
4880
|
"description": "The font weights map\n",
|
|
4881
4881
|
"commentRange": {
|
|
4882
|
-
"start":
|
|
4883
|
-
"end":
|
|
4882
|
+
"start": 174,
|
|
4883
|
+
"end": 175
|
|
4884
4884
|
},
|
|
4885
4885
|
"context": {
|
|
4886
4886
|
"type": "variable",
|
|
4887
4887
|
"name": "kendo-font-weights",
|
|
4888
|
-
"value": "
|
|
4889
|
-
"scope": "
|
|
4888
|
+
"value": "$default-font-weights",
|
|
4889
|
+
"scope": "default",
|
|
4890
4890
|
"line": {
|
|
4891
|
-
"start":
|
|
4892
|
-
"end":
|
|
4891
|
+
"start": 176,
|
|
4892
|
+
"end": 176
|
|
4893
4893
|
}
|
|
4894
4894
|
},
|
|
4895
4895
|
"group": [
|
|
@@ -4904,17 +4904,17 @@
|
|
|
4904
4904
|
{
|
|
4905
4905
|
"description": "The letter spacings map\n",
|
|
4906
4906
|
"commentRange": {
|
|
4907
|
-
"start":
|
|
4908
|
-
"end":
|
|
4907
|
+
"start": 179,
|
|
4908
|
+
"end": 180
|
|
4909
4909
|
},
|
|
4910
4910
|
"context": {
|
|
4911
4911
|
"type": "variable",
|
|
4912
4912
|
"name": "kendo-letter-spacings",
|
|
4913
|
-
"value": "
|
|
4914
|
-
"scope": "
|
|
4913
|
+
"value": "$default-letter-spacings",
|
|
4914
|
+
"scope": "default",
|
|
4915
4915
|
"line": {
|
|
4916
|
-
"start":
|
|
4917
|
-
"end":
|
|
4916
|
+
"start": 181,
|
|
4917
|
+
"end": 181
|
|
4918
4918
|
}
|
|
4919
4919
|
},
|
|
4920
4920
|
"group": [
|
|
@@ -4929,17 +4929,17 @@
|
|
|
4929
4929
|
{
|
|
4930
4930
|
"description": "The font families map\n",
|
|
4931
4931
|
"commentRange": {
|
|
4932
|
-
"start":
|
|
4933
|
-
"end":
|
|
4932
|
+
"start": 184,
|
|
4933
|
+
"end": 185
|
|
4934
4934
|
},
|
|
4935
4935
|
"context": {
|
|
4936
4936
|
"type": "variable",
|
|
4937
4937
|
"name": "kendo-font-families",
|
|
4938
|
-
"value": "
|
|
4939
|
-
"scope": "
|
|
4938
|
+
"value": "$default-font-families",
|
|
4939
|
+
"scope": "default",
|
|
4940
4940
|
"line": {
|
|
4941
|
-
"start":
|
|
4942
|
-
"end":
|
|
4941
|
+
"start": 186,
|
|
4942
|
+
"end": 186
|
|
4943
4943
|
}
|
|
4944
4944
|
},
|
|
4945
4945
|
"group": [
|
package/dist/meta/variables.json
CHANGED
|
@@ -297,6 +297,159 @@
|
|
|
297
297
|
"15": "#5e2036"
|
|
298
298
|
}
|
|
299
299
|
},
|
|
300
|
+
"default-colors": {
|
|
301
|
+
"type": "Map",
|
|
302
|
+
"value": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #666666, inverse-subtle-hover: #525252, inverse-subtle-active: #3d3d3d, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #999999, inverse-on-subtle: #ffffff, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",
|
|
303
|
+
"prettyValue": {
|
|
304
|
+
"app-surface": "#ffffff",
|
|
305
|
+
"on-app-surface": "#3d3d3d",
|
|
306
|
+
"subtle": "#666666",
|
|
307
|
+
"surface": "#fafafa",
|
|
308
|
+
"surface-alt": "#ffffff",
|
|
309
|
+
"border": "rgba(0, 0, 0, 0.08)",
|
|
310
|
+
"border-alt": "rgba(0, 0, 0, 0.16)",
|
|
311
|
+
"base-subtle": "#ebebeb",
|
|
312
|
+
"base-subtle-hover": "#e0e0e0",
|
|
313
|
+
"base-subtle-active": "#d6d6d6",
|
|
314
|
+
"base": "#f5f5f5",
|
|
315
|
+
"base-hover": "#ebebeb",
|
|
316
|
+
"base-active": "#d6d6d6",
|
|
317
|
+
"base-emphasis": "#c2c2c2",
|
|
318
|
+
"base-on-subtle": "#3d3d3d",
|
|
319
|
+
"on-base": "#3d3d3d",
|
|
320
|
+
"base-on-surface": "#3d3d3d",
|
|
321
|
+
"primary-subtle": "#ffeceb",
|
|
322
|
+
"primary-subtle-hover": "#ffdedb",
|
|
323
|
+
"primary-subtle-active": "#ffc8c4",
|
|
324
|
+
"primary": "#ff6358",
|
|
325
|
+
"primary-hover": "#ea5a51",
|
|
326
|
+
"primary-active": "#d45349",
|
|
327
|
+
"primary-emphasis": "#ff9d97",
|
|
328
|
+
"primary-on-subtle": "#5c201c",
|
|
329
|
+
"on-primary": "#ffffff",
|
|
330
|
+
"primary-on-surface": "#ff6358",
|
|
331
|
+
"secondary-subtle": "#fafafa",
|
|
332
|
+
"secondary-subtle-hover": "#f5f5f5",
|
|
333
|
+
"secondary-subtle-active": "#ebebeb",
|
|
334
|
+
"secondary": "#666666",
|
|
335
|
+
"secondary-hover": "#525252",
|
|
336
|
+
"secondary-active": "#3d3d3d",
|
|
337
|
+
"secondary-emphasis": "#e0e0e0",
|
|
338
|
+
"secondary-on-subtle": "#141414",
|
|
339
|
+
"on-secondary": "#ffffff",
|
|
340
|
+
"secondary-on-surface": "#292929",
|
|
341
|
+
"tertiary-subtle": "#d8f1fd",
|
|
342
|
+
"tertiary-subtle-hover": "#c5eafc",
|
|
343
|
+
"tertiary-subtle-active": "#a3dffb",
|
|
344
|
+
"tertiary": "#03a9f4",
|
|
345
|
+
"tertiary-hover": "#039ae0",
|
|
346
|
+
"tertiary-active": "#028ccb",
|
|
347
|
+
"tertiary-emphasis": "#61c9f9",
|
|
348
|
+
"tertiary-on-subtle": "#023f5c",
|
|
349
|
+
"on-tertiary": "#ffffff",
|
|
350
|
+
"tertiary-on-surface": "#028ccb",
|
|
351
|
+
"info-subtle": "#d2e2fb",
|
|
352
|
+
"info-subtle-hover": "#bdd4f8",
|
|
353
|
+
"info-subtle-active": "#80acf4",
|
|
354
|
+
"info": "#0058e9",
|
|
355
|
+
"info-hover": "#0052d6",
|
|
356
|
+
"info-active": "#004ac2",
|
|
357
|
+
"info-emphasis": "#6098f2",
|
|
358
|
+
"info-on-subtle": "#002259",
|
|
359
|
+
"on-info": "#ffffff",
|
|
360
|
+
"info-on-surface": "#004ac2",
|
|
361
|
+
"success-subtle": "#dcf0d3",
|
|
362
|
+
"success-subtle-hover": "#cbe9bf",
|
|
363
|
+
"success-subtle-active": "#b7e1a5",
|
|
364
|
+
"success": "#37b400",
|
|
365
|
+
"success-hover": "#32a500",
|
|
366
|
+
"success-active": "#2d9600",
|
|
367
|
+
"success-emphasis": "#81d15f",
|
|
368
|
+
"success-on-subtle": "#1c5a00",
|
|
369
|
+
"on-success": "#ffffff",
|
|
370
|
+
"success-on-surface": "#2d9600",
|
|
371
|
+
"warning-subtle": "#fff4d3",
|
|
372
|
+
"warning-subtle-hover": "#ffeebd",
|
|
373
|
+
"warning-subtle-active": "#ffe79e",
|
|
374
|
+
"warning": "#ffc000",
|
|
375
|
+
"warning-hover": "#eaaf00",
|
|
376
|
+
"warning-active": "#d49f00",
|
|
377
|
+
"warning-emphasis": "#ffd760",
|
|
378
|
+
"warning-on-subtle": "#5e4700",
|
|
379
|
+
"on-warning": "#3d3d3d",
|
|
380
|
+
"warning-on-surface": "#ffc000",
|
|
381
|
+
"error-subtle": "#fcddda",
|
|
382
|
+
"error-subtle-hover": "#fbc8c3",
|
|
383
|
+
"error-subtle-active": "#f98b80",
|
|
384
|
+
"error": "#f31700",
|
|
385
|
+
"error-hover": "#df1600",
|
|
386
|
+
"error-active": "#ca1400",
|
|
387
|
+
"error-emphasis": "#f76f60",
|
|
388
|
+
"error-on-subtle": "#7a0c00",
|
|
389
|
+
"on-error": "#ffffff",
|
|
390
|
+
"error-on-surface": "#ca1400",
|
|
391
|
+
"light-subtle": "#fafafa",
|
|
392
|
+
"light-subtle-hover": "#f5f5f5",
|
|
393
|
+
"light-subtle-active": "#ebebeb",
|
|
394
|
+
"light": "#ebebeb",
|
|
395
|
+
"light-hover": "#e0e0e0",
|
|
396
|
+
"light-active": "#d6d6d6",
|
|
397
|
+
"light-emphasis": "#d6d6d6",
|
|
398
|
+
"light-on-subtle": "#141414",
|
|
399
|
+
"on-light": "#000000",
|
|
400
|
+
"light-on-surface": "#e0e0e0",
|
|
401
|
+
"dark-subtle": "#c2c2c2",
|
|
402
|
+
"dark-subtle-hover": "#adadad",
|
|
403
|
+
"dark-subtle-active": "#999999",
|
|
404
|
+
"dark": "#3d3d3d",
|
|
405
|
+
"dark-hover": "#292929",
|
|
406
|
+
"dark-active": "#1f1f1f",
|
|
407
|
+
"dark-emphasis": "#666666",
|
|
408
|
+
"dark-on-subtle": "#1f1f1f",
|
|
409
|
+
"on-dark": "#ffffff",
|
|
410
|
+
"dark-on-surface": "#141414",
|
|
411
|
+
"inverse-subtle": "#666666",
|
|
412
|
+
"inverse-subtle-hover": "#525252",
|
|
413
|
+
"inverse-subtle-active": "#3d3d3d",
|
|
414
|
+
"inverse": "#3d3d3d",
|
|
415
|
+
"inverse-hover": "#292929",
|
|
416
|
+
"inverse-active": "#1f1f1f",
|
|
417
|
+
"inverse-emphasis": "#999999",
|
|
418
|
+
"inverse-on-subtle": "#ffffff",
|
|
419
|
+
"on-inverse": "#ffffff",
|
|
420
|
+
"inverse-on-surface": "#141414",
|
|
421
|
+
"series-a": "#ff6358",
|
|
422
|
+
"series-a-bold": "#bf4a42",
|
|
423
|
+
"series-a-bolder": "#80322c",
|
|
424
|
+
"series-a-subtle": "#ffb1ac",
|
|
425
|
+
"series-a-subtler": "#ff8a82",
|
|
426
|
+
"series-b": "#ffe162",
|
|
427
|
+
"series-b-bold": "#bfa94a",
|
|
428
|
+
"series-b-bolder": "#807131",
|
|
429
|
+
"series-b-subtle": "#fff0b1",
|
|
430
|
+
"series-b-subtler": "#ffe989",
|
|
431
|
+
"series-c": "#4cd180",
|
|
432
|
+
"series-c-bold": "#399d60",
|
|
433
|
+
"series-c-bolder": "#266940",
|
|
434
|
+
"series-c-subtle": "#a6e8c0",
|
|
435
|
+
"series-c-subtler": "#79dda0",
|
|
436
|
+
"series-d": "#4b5ffa",
|
|
437
|
+
"series-d-bold": "#3847bc",
|
|
438
|
+
"series-d-bolder": "#26307d",
|
|
439
|
+
"series-d-subtle": "#a5affd",
|
|
440
|
+
"series-d-subtler": "#7887fb",
|
|
441
|
+
"series-e": "#ac58ff",
|
|
442
|
+
"series-e-bold": "#8142bf",
|
|
443
|
+
"series-e-bolder": "#562c80",
|
|
444
|
+
"series-e-subtle": "#d6acff",
|
|
445
|
+
"series-e-subtler": "#c182ff",
|
|
446
|
+
"series-f": "#ff5892",
|
|
447
|
+
"series-f-bold": "#bf426e",
|
|
448
|
+
"series-f-bolder": "#802c49",
|
|
449
|
+
"series-f-subtle": "#ffacc9",
|
|
450
|
+
"series-f-subtler": "#ff82ae"
|
|
451
|
+
}
|
|
452
|
+
},
|
|
300
453
|
"kendo-colors": {
|
|
301
454
|
"type": "Map",
|
|
302
455
|
"value": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #666666, inverse-subtle-hover: #525252, inverse-subtle-active: #3d3d3d, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #999999, inverse-on-subtle: #ffffff, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",
|
|
@@ -486,6 +639,52 @@
|
|
|
486
639
|
"type": "Number",
|
|
487
640
|
"value": "17px"
|
|
488
641
|
},
|
|
642
|
+
"default-spacing": {
|
|
643
|
+
"type": "Map",
|
|
644
|
+
"value": "(0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem)",
|
|
645
|
+
"prettyValue": {
|
|
646
|
+
"0": "0px",
|
|
647
|
+
"1": "0.25rem",
|
|
648
|
+
"2": "0.5rem",
|
|
649
|
+
"3": "0.75rem",
|
|
650
|
+
"4": "1rem",
|
|
651
|
+
"5": "1.25rem",
|
|
652
|
+
"6": "1.5rem",
|
|
653
|
+
"7": "1.75rem",
|
|
654
|
+
"8": "2rem",
|
|
655
|
+
"9": "2.25rem",
|
|
656
|
+
"10": "2.5rem",
|
|
657
|
+
"11": "2.75rem",
|
|
658
|
+
"12": "3rem",
|
|
659
|
+
"13": "3.25rem",
|
|
660
|
+
"14": "3.5rem",
|
|
661
|
+
"15": "3.75rem",
|
|
662
|
+
"16": "4rem",
|
|
663
|
+
"17": "4.25rem",
|
|
664
|
+
"18": "4.5rem",
|
|
665
|
+
"19": "4.75rem",
|
|
666
|
+
"20": "5rem",
|
|
667
|
+
"21": "5.25rem",
|
|
668
|
+
"22": "5.5rem",
|
|
669
|
+
"23": "5.75rem",
|
|
670
|
+
"24": "6rem",
|
|
671
|
+
"25": "7rem",
|
|
672
|
+
"26": "8rem",
|
|
673
|
+
"27": "9rem",
|
|
674
|
+
"28": "10rem",
|
|
675
|
+
"29": "11rem",
|
|
676
|
+
"30": "12rem",
|
|
677
|
+
"1px": "1px",
|
|
678
|
+
"0.5": "0.125rem",
|
|
679
|
+
"1.5": "0.375rem",
|
|
680
|
+
"2.5": "0.625rem",
|
|
681
|
+
"3.5": "0.875rem",
|
|
682
|
+
"4.5": "1.125rem",
|
|
683
|
+
"5.5": "1.375rem",
|
|
684
|
+
"6.5": "1.625rem",
|
|
685
|
+
"7.5": "1.875rem"
|
|
686
|
+
}
|
|
687
|
+
},
|
|
489
688
|
"kendo-spacing": {
|
|
490
689
|
"type": "Map",
|
|
491
690
|
"value": "(0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem)",
|
|
@@ -613,6 +812,21 @@
|
|
|
613
812
|
"type": "String",
|
|
614
813
|
"value": "k-"
|
|
615
814
|
},
|
|
815
|
+
"default-elevation": {
|
|
816
|
+
"type": "Map",
|
|
817
|
+
"value": "(1: (0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)), 2: (0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)), 3: (0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)), 4: (0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)), 5: (0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)), 6: (0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)), 7: (0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)), 8: (0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)), 9: (0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)))",
|
|
818
|
+
"prettyValue": {
|
|
819
|
+
"1": "(0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
820
|
+
"2": "(0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
821
|
+
"3": "(0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
822
|
+
"4": "(0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
823
|
+
"5": "(0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
824
|
+
"6": "(0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
825
|
+
"7": "(0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
826
|
+
"8": "(0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
827
|
+
"9": "(0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12))"
|
|
828
|
+
}
|
|
829
|
+
},
|
|
616
830
|
"kendo-elevation": {
|
|
617
831
|
"type": "Map",
|
|
618
832
|
"value": "(1: (0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)), 2: (0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)), 3: (0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)), 4: (0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)), 5: (0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)), 6: (0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)), 7: (0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)), 8: (0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)), 9: (0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)))",
|
|
@@ -772,6 +986,66 @@
|
|
|
772
986
|
"type": "String",
|
|
773
987
|
"value": "inherit"
|
|
774
988
|
},
|
|
989
|
+
"default-font-sizes": {
|
|
990
|
+
"type": "Map",
|
|
991
|
+
"value": "(xxs: 0.5rem, xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
|
|
992
|
+
"prettyValue": {
|
|
993
|
+
"xxs": "0.5rem",
|
|
994
|
+
"xs": "0.625rem",
|
|
995
|
+
"sm": "0.75rem",
|
|
996
|
+
"md": "0.875rem",
|
|
997
|
+
"lg": "1rem",
|
|
998
|
+
"xl": "1.25rem"
|
|
999
|
+
}
|
|
1000
|
+
},
|
|
1001
|
+
"default-line-heights": {
|
|
1002
|
+
"type": "Map",
|
|
1003
|
+
"value": "(xs: 1, sm: 1.25, md: 1.4285714285714286, lg: 1.5)",
|
|
1004
|
+
"prettyValue": {
|
|
1005
|
+
"xs": 1,
|
|
1006
|
+
"sm": 1.25,
|
|
1007
|
+
"md": 1.4285714285714286,
|
|
1008
|
+
"lg": 1.5
|
|
1009
|
+
}
|
|
1010
|
+
},
|
|
1011
|
+
"default-font-weights": {
|
|
1012
|
+
"type": "Map",
|
|
1013
|
+
"value": "(thin: 100, extra-light: 200, light: 300, normal: 400, medium: 500, semibold: 600, bold: 700, extra-bold: 800, \"black\": 900)",
|
|
1014
|
+
"prettyValue": {
|
|
1015
|
+
"thin": 100,
|
|
1016
|
+
"extra-light": 200,
|
|
1017
|
+
"light": 300,
|
|
1018
|
+
"normal": 400,
|
|
1019
|
+
"medium": 500,
|
|
1020
|
+
"semibold": 600,
|
|
1021
|
+
"bold": 700,
|
|
1022
|
+
"extra-bold": 800,
|
|
1023
|
+
"black": 900
|
|
1024
|
+
}
|
|
1025
|
+
},
|
|
1026
|
+
"default-letter-spacings": {
|
|
1027
|
+
"type": "Map",
|
|
1028
|
+
"value": "(tightest: -0.15px, tighter: -0.1px, tight: -0.5px, normal: 0px, wide: 0.5px, wider: 0.1px, widest: 0.15px)",
|
|
1029
|
+
"prettyValue": {
|
|
1030
|
+
"tightest": "-0.15px",
|
|
1031
|
+
"tighter": "-0.1px",
|
|
1032
|
+
"tight": "-0.5px",
|
|
1033
|
+
"normal": "0px",
|
|
1034
|
+
"wide": "0.5px",
|
|
1035
|
+
"wider": "0.1px",
|
|
1036
|
+
"widest": "0.15px"
|
|
1037
|
+
}
|
|
1038
|
+
},
|
|
1039
|
+
"default-font-families": {
|
|
1040
|
+
"type": "Map",
|
|
1041
|
+
"value": "(sans: (Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans), serif: (\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville), sans-serif: (system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"), monospace: (SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace))",
|
|
1042
|
+
"prettyValue": {
|
|
1043
|
+
"sans": "(Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans)",
|
|
1044
|
+
"serif": "(\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville)",
|
|
1045
|
+
"sans-serif": "(system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")",
|
|
1046
|
+
"monospace": "(SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace)"
|
|
1047
|
+
}
|
|
1048
|
+
},
|
|
775
1049
|
"kendo-font-sizes": {
|
|
776
1050
|
"type": "Map",
|
|
777
1051
|
"value": "(xxs: 0.5rem, xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
|
|
@@ -868,6 +1142,21 @@
|
|
|
868
1142
|
"type": "Number",
|
|
869
1143
|
"value": "9999px"
|
|
870
1144
|
},
|
|
1145
|
+
"default-border-radii": {
|
|
1146
|
+
"type": "Map",
|
|
1147
|
+
"value": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
|
|
1148
|
+
"prettyValue": {
|
|
1149
|
+
"none": "0px",
|
|
1150
|
+
"xs": "1px",
|
|
1151
|
+
"sm": "0.125rem",
|
|
1152
|
+
"md": "0.25rem",
|
|
1153
|
+
"lg": "0.375rem",
|
|
1154
|
+
"xl": "0.5rem",
|
|
1155
|
+
"xxl": "0.75rem",
|
|
1156
|
+
"xxxl": "1rem",
|
|
1157
|
+
"full": "9999px"
|
|
1158
|
+
}
|
|
1159
|
+
},
|
|
871
1160
|
"kendo-border-radii": {
|
|
872
1161
|
"type": "Map",
|
|
873
1162
|
"value": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-core",
|
|
3
3
|
"description": "A collection of functions and mixins used for building themes for Kendo UI",
|
|
4
|
-
"version": "12.1.0
|
|
4
|
+
"version": "12.1.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"directories": {
|
|
47
47
|
"doc": "docs"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "c21230377775b7e87f6c8c6590409f0c2d41d99f"
|
|
50
50
|
}
|
|
@@ -30,7 +30,7 @@ $kendo-border-radius-xxxl: map.get($kendo-spacing, 4) !default;
|
|
|
30
30
|
$kendo-border-radius-full: 9999px !default;
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
$
|
|
33
|
+
$default-border-radii: (
|
|
34
34
|
none: $kendo-border-radius-none,
|
|
35
35
|
xs: $kendo-border-radius-xs,
|
|
36
36
|
sm: $kendo-border-radius-sm,
|
|
@@ -43,11 +43,10 @@ $_default-border-radii: (
|
|
|
43
43
|
|
|
44
44
|
) !default;
|
|
45
45
|
|
|
46
|
-
$kendo-border-radii: $_default-border-radii !default;
|
|
47
|
-
|
|
48
46
|
/// The global radii Map.
|
|
49
47
|
/// @group radii
|
|
50
|
-
$kendo-border-radii:
|
|
48
|
+
$kendo-border-radii: $default-border-radii !default;
|
|
49
|
+
$kendo-border-radii: map.merge($default-border-radii, $kendo-border-radii);
|
|
51
50
|
|
|
52
51
|
|
|
53
52
|
@function k-border-radius($key) {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
@use "../_variables.scss" as *;
|
|
4
4
|
|
|
5
5
|
// Colors
|
|
6
|
-
$
|
|
6
|
+
$default-colors: (
|
|
7
7
|
// Misc
|
|
8
8
|
app-surface: map.get( $kendo-palette-gray, "white" ),
|
|
9
9
|
on-app-surface: map.get( $kendo-palette-gray, 12 ),
|
|
@@ -421,8 +421,8 @@ $_default-colors: (
|
|
|
421
421
|
/// @prop {Color} series-f-bolder - The bolder series F color variable.
|
|
422
422
|
/// @prop {Color} series-f-subtle - The subtle series F color variable.
|
|
423
423
|
/// @prop {Color} series-f-subtler - The subtler series F color variable.
|
|
424
|
-
$kendo-colors: $
|
|
425
|
-
$kendo-colors: map.merge($
|
|
424
|
+
$kendo-colors: $default-colors !default;
|
|
425
|
+
$kendo-colors: map.merge($default-colors, $kendo-colors);
|
|
426
426
|
|
|
427
427
|
@mixin kendo-color-system--styles() {
|
|
428
428
|
:root {
|
|
@@ -104,7 +104,6 @@
|
|
|
104
104
|
flex: 1;
|
|
105
105
|
max-width: 100%;
|
|
106
106
|
min-width: 0;
|
|
107
|
-
word-wrap: break-word;
|
|
108
107
|
overflow-wrap: break-word;
|
|
109
108
|
}
|
|
110
109
|
|
|
@@ -153,7 +152,6 @@
|
|
|
153
152
|
position: relative;
|
|
154
153
|
transition: margin .2s ease-in-out;
|
|
155
154
|
outline: none;
|
|
156
|
-
word-wrap: break-word;
|
|
157
155
|
overflow-wrap: break-word;
|
|
158
156
|
|
|
159
157
|
.k-chat-message-link {
|
|
@@ -175,7 +173,7 @@
|
|
|
175
173
|
overflow: hidden;
|
|
176
174
|
flex-shrink: 0;
|
|
177
175
|
|
|
178
|
-
|
|
176
|
+
overflow-wrap: break-word;
|
|
179
177
|
white-space: pre-wrap;
|
|
180
178
|
|
|
181
179
|
&:has(.k-skeleton-container) {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:map";
|
|
1
2
|
@use "./variables.scss" as *;
|
|
2
3
|
@use "../action-buttons/_variables.scss" as *;
|
|
3
4
|
|
|
@@ -14,6 +15,7 @@
|
|
|
14
15
|
|
|
15
16
|
// Wrap
|
|
16
17
|
.k-datetime-wrap {
|
|
18
|
+
// TODO: remove width after .k-datetime-wrap-md class is applied by default.
|
|
17
19
|
width: $kendo-datetime-width;
|
|
18
20
|
overflow: hidden;
|
|
19
21
|
|
|
@@ -33,9 +35,24 @@
|
|
|
33
35
|
.k-datetime-calendar-wrap,
|
|
34
36
|
.k-datetime-time-wrap {
|
|
35
37
|
text-align: center;
|
|
38
|
+
// TODO: remove flex after .k-datetime-wrap-md class is applied by default.
|
|
36
39
|
flex: 0 0 $kendo-datetime-width;
|
|
37
40
|
}
|
|
38
41
|
|
|
42
|
+
// Sizes
|
|
43
|
+
@each $size, $size-props in $kendo-datetime-sizes {
|
|
44
|
+
$_width: map.get($size-props, width);
|
|
45
|
+
|
|
46
|
+
.k-datetime-wrap-#{$size} {
|
|
47
|
+
width: $_width;
|
|
48
|
+
|
|
49
|
+
.k-datetime-calendar-wrap,
|
|
50
|
+
.k-datetime-time-wrap {
|
|
51
|
+
flex: 0 0 $_width;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
39
56
|
// Tabs
|
|
40
57
|
.k-date-tab .k-datetime-selector {
|
|
41
58
|
transform: translateX(0);
|
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
z-index: k-z-index("animation");
|
|
13
13
|
outline: none;
|
|
14
14
|
|
|
15
|
+
@include border-bottom-radius-only( $kendo-border-radius-md );
|
|
16
|
+
|
|
15
17
|
&-fixed {
|
|
16
18
|
position: fixed;
|
|
17
19
|
}
|
|
@@ -20,8 +22,6 @@
|
|
|
20
22
|
position: relative;
|
|
21
23
|
display: inline-block;
|
|
22
24
|
}
|
|
23
|
-
|
|
24
|
-
@include border-bottom-radius-only( $kendo-border-radius-md );
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.k-animation-container:has(.k-child-animation-container > .k-popup) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
|
|
3
|
-
$
|
|
3
|
+
$default-elevation: (
|
|
4
4
|
1: (
|
|
5
5
|
0 2px 3px rgba(0, 0, 0, .04),
|
|
6
6
|
0 4px 16px rgba(0, 0, 0, .12)
|
|
@@ -41,9 +41,9 @@ $_default-elevation: (
|
|
|
41
41
|
|
|
42
42
|
/// The global default Elevation map.
|
|
43
43
|
/// @group elevation
|
|
44
|
-
$kendo-elevation: $
|
|
44
|
+
$kendo-elevation: $default-elevation !default;
|
|
45
45
|
|
|
46
|
-
$kendo-elevation: map.merge($
|
|
46
|
+
$kendo-elevation: map.merge($default-elevation, $kendo-elevation);
|
|
47
47
|
|
|
48
48
|
@function k-shadow-filter($shadow) {
|
|
49
49
|
$result: '';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "../functions/_string.import.scss" as *;
|
|
3
3
|
|
|
4
|
-
$
|
|
4
|
+
$default-spacing: (
|
|
5
5
|
0: 0px,
|
|
6
6
|
1px: 1px,
|
|
7
7
|
0.5: .125rem,
|
|
@@ -46,9 +46,9 @@ $_default-spacing: (
|
|
|
46
46
|
|
|
47
47
|
/// The global default Spacing map.
|
|
48
48
|
/// @group spacing
|
|
49
|
-
$kendo-spacing: $
|
|
49
|
+
$kendo-spacing: $default-spacing !default;
|
|
50
50
|
|
|
51
|
-
$kendo-spacing: map.merge($
|
|
51
|
+
$kendo-spacing: map.merge($default-spacing, $kendo-spacing);
|
|
52
52
|
|
|
53
53
|
|
|
54
54
|
@function k-spacing($step) {
|
|
@@ -116,7 +116,7 @@ $kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto M
|
|
|
116
116
|
/// @group typography
|
|
117
117
|
$kendo-font-family: inherit !default;
|
|
118
118
|
|
|
119
|
-
$
|
|
119
|
+
$default-font-sizes: (
|
|
120
120
|
xxs: $kendo-font-size-xxs,
|
|
121
121
|
xs: $kendo-font-size-xs,
|
|
122
122
|
sm: $kendo-font-size-sm,
|
|
@@ -125,14 +125,14 @@ $_default-font-sizes: (
|
|
|
125
125
|
xl: $kendo-font-size-xl
|
|
126
126
|
) !default;
|
|
127
127
|
|
|
128
|
-
$
|
|
128
|
+
$default-line-heights: (
|
|
129
129
|
xs: $kendo-line-height-xs,
|
|
130
130
|
sm: $kendo-line-height-sm,
|
|
131
131
|
md: $kendo-line-height-md,
|
|
132
132
|
lg: $kendo-line-height-lg,
|
|
133
133
|
) !default;
|
|
134
134
|
|
|
135
|
-
$
|
|
135
|
+
$default-font-weights: (
|
|
136
136
|
thin: $kendo-font-weight-thin,
|
|
137
137
|
extra-light: $kendo-font-weight-extra-light,
|
|
138
138
|
light: $kendo-font-weight-light,
|
|
@@ -144,7 +144,7 @@ $_default-font-weights: (
|
|
|
144
144
|
"black": $kendo-font-weight-black
|
|
145
145
|
) !default;
|
|
146
146
|
|
|
147
|
-
$
|
|
147
|
+
$default-letter-spacings: (
|
|
148
148
|
tightest: $kendo-letter-spacing-tightest,
|
|
149
149
|
tighter: $kendo-letter-spacing-tighter,
|
|
150
150
|
tight: $kendo-letter-spacing-tight,
|
|
@@ -154,42 +154,37 @@ $_default-letter-spacings: (
|
|
|
154
154
|
widest: $kendo-letter-spacing-widest
|
|
155
155
|
) !default;
|
|
156
156
|
|
|
157
|
-
$
|
|
157
|
+
$default-font-families: (
|
|
158
158
|
sans: $kendo-font-family-sans,
|
|
159
159
|
serif: $kendo-font-family-serif,
|
|
160
160
|
sans-serif: $kendo-font-family-sans-serif,
|
|
161
161
|
monospace: $kendo-font-family-monospace
|
|
162
162
|
) !default;
|
|
163
163
|
|
|
164
|
-
$kendo-font-sizes: $_default-font-sizes !default;
|
|
165
|
-
|
|
166
164
|
/// The font sizes map
|
|
167
165
|
/// @group typography
|
|
168
|
-
$kendo-font-sizes:
|
|
169
|
-
|
|
170
|
-
$kendo-line-heights: $_default-line-heights !default;
|
|
166
|
+
$kendo-font-sizes: $default-font-sizes !default;
|
|
167
|
+
$kendo-font-sizes: map.merge( $default-font-sizes, $kendo-font-sizes );
|
|
171
168
|
|
|
172
169
|
/// The line heights map
|
|
173
170
|
/// @group typography
|
|
174
|
-
$kendo-line-heights:
|
|
175
|
-
|
|
176
|
-
$kendo-font-weights: $_default-font-weights !default;
|
|
171
|
+
$kendo-line-heights: $default-line-heights !default;
|
|
172
|
+
$kendo-line-heights: map.merge( $default-line-heights, $kendo-line-heights );
|
|
177
173
|
|
|
178
174
|
/// The font weights map
|
|
179
175
|
/// @group typography
|
|
180
|
-
$kendo-font-weights:
|
|
181
|
-
|
|
182
|
-
$kendo-letter-spacings: $_default-letter-spacings !default;
|
|
176
|
+
$kendo-font-weights: $default-font-weights !default;
|
|
177
|
+
$kendo-font-weights: map.merge( $default-font-weights, $kendo-font-weights );
|
|
183
178
|
|
|
184
179
|
/// The letter spacings map
|
|
185
180
|
/// @group typography
|
|
186
|
-
$kendo-letter-spacings:
|
|
187
|
-
|
|
188
|
-
$kendo-font-families: $_default-font-families !default;
|
|
181
|
+
$kendo-letter-spacings: $default-letter-spacings !default;
|
|
182
|
+
$kendo-letter-spacings: map.merge( $default-letter-spacings, $kendo-letter-spacings );
|
|
189
183
|
|
|
190
184
|
/// The font families map
|
|
191
185
|
/// @group typography
|
|
192
|
-
$kendo-font-families:
|
|
186
|
+
$kendo-font-families: $default-font-families !default;
|
|
187
|
+
$kendo-font-families: map.merge( $default-font-families, $kendo-font-families );
|
|
193
188
|
|
|
194
189
|
@mixin typography( $font-size: null, $font-family: null, $line-height: null, $font-weight: null, $letter-spacing: null ) {
|
|
195
190
|
font-size: $font-size;
|