@progress/kendo-theme-fluent 12.2.4-dev.0 → 12.3.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 (28) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-1-dark.css +1 -1
  3. package/dist/fluent-1.css +1 -1
  4. package/dist/fluent-main-dark.css +1 -1
  5. package/dist/fluent-main.css +1 -1
  6. package/dist/meta/sassdoc-data.json +662 -56
  7. package/dist/meta/sassdoc-raw-data.json +178 -20
  8. package/dist/meta/variables.json +309 -21
  9. package/lib/swatches/all.json +1 -1
  10. package/lib/swatches/fluent-1-dark.json +1 -1
  11. package/lib/swatches/fluent-1.json +1 -1
  12. package/lib/swatches/fluent-main-dark.json +1 -1
  13. package/lib/swatches/fluent-main.json +1 -1
  14. package/package.json +4 -4
  15. package/scss/button/_layout.scss +1 -1
  16. package/scss/button/_variables.scss +6 -1
  17. package/scss/core/_index.scss +10 -1
  18. package/scss/core/motion/_index.scss +174 -2
  19. package/scss/dataviz/_variables.scss +1 -1
  20. package/scss/drawer/_layout.scss +1 -1
  21. package/scss/floating-label/_variables.scss +1 -1
  22. package/scss/index.scss +0 -3
  23. package/scss/rating/_layout.scss +0 -1
  24. package/scss/searchbox/_layout.scss +1 -2
  25. package/scss/slider/_layout.scss +0 -10
  26. package/scss/slider/_variables.scss +8 -4
  27. package/scss/stepper/_variables.scss +2 -2
  28. package/scss/switch/_layout.scss +0 -11
package/dist/meta/variables.json CHANGED
@@ -844,10 +844,6 @@
844
844
  "fit": "fit-content"
845
845
  }
846
846
  },
847
- "kendo-prefix": {
848
- "type": "String",
849
- "value": "k-"
850
- },
851
847
  "default-elevation": {
852
848
  "type": "Map",
853
849
  "value": "(1: (0 0.3px 0.9px rgba(0, 0, 0, 0.1), 0 1.6px 3.6px rgba(0, 0, 0, 0.13)), 2: (0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12)), 3: (0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12)), 4: (0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12)), 5: (0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12)), 6: (0 14px 28.8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2)), 7: (0 20px 38px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2)), 8: (0 32px 64px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2)), 9: (0 32px 64px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2)))",
@@ -1206,9 +1202,297 @@
1206
1202
  "full": "9999px"
1207
1203
  }
1208
1204
  },
1209
- "kendo-transition": {
1210
- "type": "List",
1211
- "value": "(color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out)"
1205
+ "default-easings": {
1206
+ "type": "Map",
1207
+ "value": "(linear: cubic-bezier(0, 0, 1, 1), accelerate: cubic-bezier(0.42, 0, 1, 1), decelerate: cubic-bezier(0, 0, 0.58, 1), standard: cubic-bezier(0.42, 0, 0.58, 1), sharp: cubic-bezier(0.75, 0, 0.25, 1), bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55), elastic: cubic-bezier(0.5, -0.5, 0.5, 1.5))",
1208
+ "prettyValue": {
1209
+ "linear": "cubic-bezier(0, 0, 1, 1)",
1210
+ "accelerate": "cubic-bezier(0.42, 0, 1, 1)",
1211
+ "decelerate": "cubic-bezier(0, 0, 0.58, 1)",
1212
+ "standard": "cubic-bezier(0.42, 0, 0.58, 1)",
1213
+ "sharp": "cubic-bezier(0.75, 0, 0.25, 1)",
1214
+ "bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
1215
+ "elastic": "cubic-bezier(0.5, -0.5, 0.5, 1.5)"
1216
+ }
1217
+ },
1218
+ "default-durations": {
1219
+ "type": "Map",
1220
+ "value": "(instant: 0ms, immediate: 50ms, brief: 100ms, quick: 150ms, rapid: 200ms, swift: 250ms, speedy: 300ms, brisk: 350ms, prompt: 400ms, timely: 450ms, moderate: 500ms, measured: 550ms, steady: 600ms, leisurely: 700ms, slow: 800ms, languid: 900ms, sluggish: 1000ms)",
1221
+ "prettyValue": {
1222
+ "instant": "0ms",
1223
+ "immediate": "50ms",
1224
+ "brief": "100ms",
1225
+ "quick": "150ms",
1226
+ "rapid": "200ms",
1227
+ "swift": "250ms",
1228
+ "speedy": "300ms",
1229
+ "brisk": "350ms",
1230
+ "prompt": "400ms",
1231
+ "timely": "450ms",
1232
+ "moderate": "500ms",
1233
+ "measured": "550ms",
1234
+ "steady": "600ms",
1235
+ "leisurely": "700ms",
1236
+ "slow": "800ms",
1237
+ "languid": "900ms",
1238
+ "sluggish": "1000ms"
1239
+ }
1240
+ },
1241
+ "default-transitions": {
1242
+ "type": "Map",
1243
+ "value": "(instant: (duration: var(--kendo-duration-instant), easing: var(--kendo-easing-linear)), rapid: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-decelerate)), snappy: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-decelerate)), energetic: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-elastic)), bouncy: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-bounce)), subtle: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-standard)), gentle: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-accelerate)), enter: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-decelerate)), exit: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-accelerate)), settle: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-decelerate)), scale-out: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-accelerate)), scale-in: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-decelerate)), fade-out: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-standard)), fade-in: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-standard)), slide-out: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-accelerate)), slide-in: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-decelerate)), emphasis: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-sharp)), collapse: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-accelerate)), expand: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-standard)), shrink: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-accelerate)), grow: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-standard)), pulse: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-standard)), smooth: (duration: var(--kendo-duration-moderate), easing: var(--kendo-easing-standard)), flip: (duration: var(--kendo-duration-measured), easing: var(--kendo-easing-standard)), fluid: (duration: var(--kendo-duration-steady), easing: var(--kendo-easing-standard)), deliberate: (duration: var(--kendo-duration-slow), easing: var(--kendo-easing-standard)))",
1244
+ "prettyValue": {
1245
+ "instant": {
1246
+ "duration": "var(--kendo-duration-instant)",
1247
+ "easing": "var(--kendo-easing-linear)"
1248
+ },
1249
+ "rapid": {
1250
+ "duration": "var(--kendo-duration-quick)",
1251
+ "easing": "var(--kendo-easing-decelerate)"
1252
+ },
1253
+ "snappy": {
1254
+ "duration": "var(--kendo-duration-swift)",
1255
+ "easing": "var(--kendo-easing-decelerate)"
1256
+ },
1257
+ "energetic": {
1258
+ "duration": "var(--kendo-duration-swift)",
1259
+ "easing": "var(--kendo-easing-elastic)"
1260
+ },
1261
+ "bouncy": {
1262
+ "duration": "var(--kendo-duration-speedy)",
1263
+ "easing": "var(--kendo-easing-bounce)"
1264
+ },
1265
+ "subtle": {
1266
+ "duration": "var(--kendo-duration-brisk)",
1267
+ "easing": "var(--kendo-easing-standard)"
1268
+ },
1269
+ "gentle": {
1270
+ "duration": "var(--kendo-duration-prompt)",
1271
+ "easing": "var(--kendo-easing-accelerate)"
1272
+ },
1273
+ "enter": {
1274
+ "duration": "var(--kendo-duration-speedy)",
1275
+ "easing": "var(--kendo-easing-decelerate)"
1276
+ },
1277
+ "exit": {
1278
+ "duration": "var(--kendo-duration-rapid)",
1279
+ "easing": "var(--kendo-easing-accelerate)"
1280
+ },
1281
+ "settle": {
1282
+ "duration": "var(--kendo-duration-brisk)",
1283
+ "easing": "var(--kendo-easing-decelerate)"
1284
+ },
1285
+ "scale-out": {
1286
+ "duration": "var(--kendo-duration-quick)",
1287
+ "easing": "var(--kendo-easing-accelerate)"
1288
+ },
1289
+ "scale-in": {
1290
+ "duration": "var(--kendo-duration-rapid)",
1291
+ "easing": "var(--kendo-easing-decelerate)"
1292
+ },
1293
+ "fade-out": {
1294
+ "duration": "var(--kendo-duration-rapid)",
1295
+ "easing": "var(--kendo-easing-standard)"
1296
+ },
1297
+ "fade-in": {
1298
+ "duration": "var(--kendo-duration-swift)",
1299
+ "easing": "var(--kendo-easing-standard)"
1300
+ },
1301
+ "slide-out": {
1302
+ "duration": "var(--kendo-duration-swift)",
1303
+ "easing": "var(--kendo-easing-accelerate)"
1304
+ },
1305
+ "slide-in": {
1306
+ "duration": "var(--kendo-duration-speedy)",
1307
+ "easing": "var(--kendo-easing-decelerate)"
1308
+ },
1309
+ "emphasis": {
1310
+ "duration": "var(--kendo-duration-quick)",
1311
+ "easing": "var(--kendo-easing-sharp)"
1312
+ },
1313
+ "collapse": {
1314
+ "duration": "var(--kendo-duration-speedy)",
1315
+ "easing": "var(--kendo-easing-accelerate)"
1316
+ },
1317
+ "expand": {
1318
+ "duration": "var(--kendo-duration-prompt)",
1319
+ "easing": "var(--kendo-easing-standard)"
1320
+ },
1321
+ "shrink": {
1322
+ "duration": "var(--kendo-duration-brisk)",
1323
+ "easing": "var(--kendo-easing-accelerate)"
1324
+ },
1325
+ "grow": {
1326
+ "duration": "var(--kendo-duration-prompt)",
1327
+ "easing": "var(--kendo-easing-standard)"
1328
+ },
1329
+ "pulse": {
1330
+ "duration": "var(--kendo-duration-brisk)",
1331
+ "easing": "var(--kendo-easing-standard)"
1332
+ },
1333
+ "smooth": {
1334
+ "duration": "var(--kendo-duration-moderate)",
1335
+ "easing": "var(--kendo-easing-standard)"
1336
+ },
1337
+ "flip": {
1338
+ "duration": "var(--kendo-duration-measured)",
1339
+ "easing": "var(--kendo-easing-standard)"
1340
+ },
1341
+ "fluid": {
1342
+ "duration": "var(--kendo-duration-steady)",
1343
+ "easing": "var(--kendo-easing-standard)"
1344
+ },
1345
+ "deliberate": {
1346
+ "duration": "var(--kendo-duration-slow)",
1347
+ "easing": "var(--kendo-easing-standard)"
1348
+ }
1349
+ }
1350
+ },
1351
+ "kendo-easings": {
1352
+ "type": "Map",
1353
+ "value": "(linear: cubic-bezier(0, 0, 1, 1), accelerate: cubic-bezier(0.42, 0, 1, 1), decelerate: cubic-bezier(0, 0, 0.58, 1), standard: cubic-bezier(0.42, 0, 0.58, 1), sharp: cubic-bezier(0.75, 0, 0.25, 1), bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55), elastic: cubic-bezier(0.5, -0.5, 0.5, 1.5))",
1354
+ "prettyValue": {
1355
+ "linear": "cubic-bezier(0, 0, 1, 1)",
1356
+ "accelerate": "cubic-bezier(0.42, 0, 1, 1)",
1357
+ "decelerate": "cubic-bezier(0, 0, 0.58, 1)",
1358
+ "standard": "cubic-bezier(0.42, 0, 0.58, 1)",
1359
+ "sharp": "cubic-bezier(0.75, 0, 0.25, 1)",
1360
+ "bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
1361
+ "elastic": "cubic-bezier(0.5, -0.5, 0.5, 1.5)"
1362
+ }
1363
+ },
1364
+ "kendo-durations": {
1365
+ "type": "Map",
1366
+ "value": "(instant: 0ms, immediate: 50ms, brief: 100ms, quick: 150ms, rapid: 200ms, swift: 250ms, speedy: 300ms, brisk: 350ms, prompt: 400ms, timely: 450ms, moderate: 500ms, measured: 550ms, steady: 600ms, leisurely: 700ms, slow: 800ms, languid: 900ms, sluggish: 1000ms)",
1367
+ "prettyValue": {
1368
+ "instant": "0ms",
1369
+ "immediate": "50ms",
1370
+ "brief": "100ms",
1371
+ "quick": "150ms",
1372
+ "rapid": "200ms",
1373
+ "swift": "250ms",
1374
+ "speedy": "300ms",
1375
+ "brisk": "350ms",
1376
+ "prompt": "400ms",
1377
+ "timely": "450ms",
1378
+ "moderate": "500ms",
1379
+ "measured": "550ms",
1380
+ "steady": "600ms",
1381
+ "leisurely": "700ms",
1382
+ "slow": "800ms",
1383
+ "languid": "900ms",
1384
+ "sluggish": "1000ms"
1385
+ }
1386
+ },
1387
+ "kendo-transitions": {
1388
+ "type": "Map",
1389
+ "value": "(instant: (duration: var(--kendo-duration-instant), easing: var(--kendo-easing-linear)), rapid: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-decelerate)), snappy: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-decelerate)), energetic: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-elastic)), bouncy: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-bounce)), subtle: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-standard)), gentle: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-accelerate)), enter: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-decelerate)), exit: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-accelerate)), settle: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-decelerate)), scale-out: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-accelerate)), scale-in: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-decelerate)), fade-out: (duration: var(--kendo-duration-rapid), easing: var(--kendo-easing-standard)), fade-in: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-standard)), slide-out: (duration: var(--kendo-duration-swift), easing: var(--kendo-easing-accelerate)), slide-in: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-decelerate)), emphasis: (duration: var(--kendo-duration-quick), easing: var(--kendo-easing-sharp)), collapse: (duration: var(--kendo-duration-speedy), easing: var(--kendo-easing-accelerate)), expand: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-standard)), shrink: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-accelerate)), grow: (duration: var(--kendo-duration-prompt), easing: var(--kendo-easing-standard)), pulse: (duration: var(--kendo-duration-brisk), easing: var(--kendo-easing-standard)), smooth: (duration: var(--kendo-duration-moderate), easing: var(--kendo-easing-standard)), flip: (duration: var(--kendo-duration-measured), easing: var(--kendo-easing-standard)), fluid: (duration: var(--kendo-duration-steady), easing: var(--kendo-easing-standard)), deliberate: (duration: var(--kendo-duration-slow), easing: var(--kendo-easing-standard)))",
1390
+ "prettyValue": {
1391
+ "instant": {
1392
+ "duration": "var(--kendo-duration-instant)",
1393
+ "easing": "var(--kendo-easing-linear)"
1394
+ },
1395
+ "rapid": {
1396
+ "duration": "var(--kendo-duration-quick)",
1397
+ "easing": "var(--kendo-easing-decelerate)"
1398
+ },
1399
+ "snappy": {
1400
+ "duration": "var(--kendo-duration-swift)",
1401
+ "easing": "var(--kendo-easing-decelerate)"
1402
+ },
1403
+ "energetic": {
1404
+ "duration": "var(--kendo-duration-swift)",
1405
+ "easing": "var(--kendo-easing-elastic)"
1406
+ },
1407
+ "bouncy": {
1408
+ "duration": "var(--kendo-duration-speedy)",
1409
+ "easing": "var(--kendo-easing-bounce)"
1410
+ },
1411
+ "subtle": {
1412
+ "duration": "var(--kendo-duration-brisk)",
1413
+ "easing": "var(--kendo-easing-standard)"
1414
+ },
1415
+ "gentle": {
1416
+ "duration": "var(--kendo-duration-prompt)",
1417
+ "easing": "var(--kendo-easing-accelerate)"
1418
+ },
1419
+ "enter": {
1420
+ "duration": "var(--kendo-duration-speedy)",
1421
+ "easing": "var(--kendo-easing-decelerate)"
1422
+ },
1423
+ "exit": {
1424
+ "duration": "var(--kendo-duration-rapid)",
1425
+ "easing": "var(--kendo-easing-accelerate)"
1426
+ },
1427
+ "settle": {
1428
+ "duration": "var(--kendo-duration-brisk)",
1429
+ "easing": "var(--kendo-easing-decelerate)"
1430
+ },
1431
+ "scale-out": {
1432
+ "duration": "var(--kendo-duration-quick)",
1433
+ "easing": "var(--kendo-easing-accelerate)"
1434
+ },
1435
+ "scale-in": {
1436
+ "duration": "var(--kendo-duration-rapid)",
1437
+ "easing": "var(--kendo-easing-decelerate)"
1438
+ },
1439
+ "fade-out": {
1440
+ "duration": "var(--kendo-duration-rapid)",
1441
+ "easing": "var(--kendo-easing-standard)"
1442
+ },
1443
+ "fade-in": {
1444
+ "duration": "var(--kendo-duration-swift)",
1445
+ "easing": "var(--kendo-easing-standard)"
1446
+ },
1447
+ "slide-out": {
1448
+ "duration": "var(--kendo-duration-swift)",
1449
+ "easing": "var(--kendo-easing-accelerate)"
1450
+ },
1451
+ "slide-in": {
1452
+ "duration": "var(--kendo-duration-speedy)",
1453
+ "easing": "var(--kendo-easing-decelerate)"
1454
+ },
1455
+ "emphasis": {
1456
+ "duration": "var(--kendo-duration-quick)",
1457
+ "easing": "var(--kendo-easing-sharp)"
1458
+ },
1459
+ "collapse": {
1460
+ "duration": "var(--kendo-duration-speedy)",
1461
+ "easing": "var(--kendo-easing-accelerate)"
1462
+ },
1463
+ "expand": {
1464
+ "duration": "var(--kendo-duration-prompt)",
1465
+ "easing": "var(--kendo-easing-standard)"
1466
+ },
1467
+ "shrink": {
1468
+ "duration": "var(--kendo-duration-brisk)",
1469
+ "easing": "var(--kendo-easing-accelerate)"
1470
+ },
1471
+ "grow": {
1472
+ "duration": "var(--kendo-duration-prompt)",
1473
+ "easing": "var(--kendo-easing-standard)"
1474
+ },
1475
+ "pulse": {
1476
+ "duration": "var(--kendo-duration-brisk)",
1477
+ "easing": "var(--kendo-easing-standard)"
1478
+ },
1479
+ "smooth": {
1480
+ "duration": "var(--kendo-duration-moderate)",
1481
+ "easing": "var(--kendo-easing-standard)"
1482
+ },
1483
+ "flip": {
1484
+ "duration": "var(--kendo-duration-measured)",
1485
+ "easing": "var(--kendo-easing-standard)"
1486
+ },
1487
+ "fluid": {
1488
+ "duration": "var(--kendo-duration-steady)",
1489
+ "easing": "var(--kendo-easing-standard)"
1490
+ },
1491
+ "deliberate": {
1492
+ "duration": "var(--kendo-duration-slow)",
1493
+ "easing": "var(--kendo-easing-standard)"
1494
+ }
1495
+ }
1212
1496
  },
1213
1497
  "kendo-z-step": {
1214
1498
  "type": "Number",
@@ -1235,6 +1519,10 @@
1235
1519
  "scroll": 200000
1236
1520
  }
1237
1521
  },
1522
+ "kendo-prefix": {
1523
+ "type": "String",
1524
+ "value": "k-"
1525
+ },
1238
1526
  "kendo-h1-font-size": {
1239
1527
  "type": "Number",
1240
1528
  "value": "80px"
@@ -3823,8 +4111,8 @@
3823
4111
  "value": "null"
3824
4112
  },
3825
4113
  "kendo-button-transition": {
3826
- "type": "Null",
3827
- "value": "null"
4114
+ "type": "List",
4115
+ "value": "(color var(--kendo-transition-rapid), background-color var(--kendo-transition-rapid), border-color var(--kendo-transition-rapid), box-shadow var(--kendo-transition-rapid), opacity var(--kendo-transition-rapid))"
3828
4116
  },
3829
4117
  "kendo-button-calc-size": {
3830
4118
  "type": "Calculation",
@@ -4548,7 +4836,7 @@
4548
4836
  },
4549
4837
  "kendo-floating-label-transition": {
4550
4838
  "type": "String",
4551
- "value": "var(--kendo-floating-label-transition, 0.2s ease-out)"
4839
+ "value": "var(--kendo-floating-label-transition, var(--kendo-transition-scale-in))"
4552
4840
  },
4553
4841
  "kendo-floating-label-bg": {
4554
4842
  "type": "String",
@@ -5367,19 +5655,19 @@
5367
5655
  },
5368
5656
  "kendo-slider-transition-speed": {
5369
5657
  "type": "String",
5370
- "value": "var(--kendo-slider-transition-speed, 0.3s)"
5658
+ "value": "var(--kendo-slider-transition-speed, var(--kendo-duration-brisk, 350ms))"
5371
5659
  },
5372
5660
  "kendo-slider-transition-function": {
5373
5661
  "type": "String",
5374
- "value": "var(--kendo-slider-transition-function, ease-out)"
5662
+ "value": "var(--kendo-slider-transition-function, var(--kendo-easing-standard, cubic-bezier(0.42, 0, 0.58, 1)))"
5375
5663
  },
5376
5664
  "kendo-slider-draghandle-transition-speed": {
5377
- "type": "Null",
5378
- "value": "null"
5665
+ "type": "String",
5666
+ "value": "var(--kendo-slider-thumb-transition-speed, var(--kendo-duration-quick, 150ms))"
5379
5667
  },
5380
5668
  "kendo-slider-draghandle-transition-function": {
5381
- "type": "Null",
5382
- "value": "null"
5669
+ "type": "String",
5670
+ "value": "var(--kendo-slider-thumb-transition-function, var(--kendo-easing-decelerate, cubic-bezier(0, 0, 0.58, 1)))"
5383
5671
  },
5384
5672
  "kendo-slider-track-bg": {
5385
5673
  "type": "String",
@@ -5519,11 +5807,11 @@
5519
5807
  },
5520
5808
  "kendo-slider-thumb-transition-speed": {
5521
5809
  "type": "String",
5522
- "value": "var(--kendo-slider-thumb-transition-speed, 0.4s)"
5810
+ "value": "var(--kendo-slider-thumb-transition-speed, var(--kendo-duration-quick, 150ms))"
5523
5811
  },
5524
5812
  "kendo-slider-thumb-transition-function": {
5525
5813
  "type": "String",
5526
- "value": "var(--kendo-slider-thumb-transition-function, cubic-bezier(0.25, 0.8, 0.25, 1))"
5814
+ "value": "var(--kendo-slider-thumb-transition-function, var(--kendo-easing-decelerate, cubic-bezier(0, 0, 0.58, 1)))"
5527
5815
  },
5528
5816
  "kendo-slider-tick-h-image": {
5529
5817
  "type": "String",
@@ -11499,11 +11787,11 @@
11499
11787
  },
11500
11788
  "kendo-stepper-content-transition-duration": {
11501
11789
  "type": "String",
11502
- "value": "var(--kendo-stepper-content-transition-duration, 300ms)"
11790
+ "value": "var(--kendo-stepper-content-transition-duration, var(--kendo-duration-speedy, 300ms))"
11503
11791
  },
11504
11792
  "kendo-stepper-content-transition-timing-function": {
11505
11793
  "type": "String",
11506
- "value": "var(--kendo-stepper-content-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1) 0ms)"
11794
+ "value": "var(--kendo-stepper-content-transition-timing-function, var(--kendo-easing-standard, cubic-bezier(0.42, 0, 0.58, 1)))"
11507
11795
  },
11508
11796
  "kendo-stepper-current-label-font-weight": {
11509
11797
  "type": "String",
@@ -17015,7 +17303,7 @@
17015
17303
  },
17016
17304
  "kendo-chart-tooltip-transition": {
17017
17305
  "type": "List",
17018
- "value": "(left ease-in 80ms, top ease-in 80ms)"
17306
+ "value": "(left var(--kendo-transition-fade-in), top var(--kendo-transition-fade-in))"
17019
17307
  },
17020
17308
  "kendo-chart-tooltip-color": {
17021
17309
  "type": "String",
package/lib/swatches/all.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "12.2.4-dev.0",
6
+ "version": "12.3.0-dev.0",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/fluent-1-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent 1 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "12.2.4-dev.0",
6
+ "version": "12.3.0-dev.0",
7
7
  "previewColors": [
8
8
  "#1b1a19",
9
9
  "#21201f",
package/lib/swatches/fluent-1.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent 1",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "12.2.4-dev.0",
6
+ "version": "12.3.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#faf9f8",
package/lib/swatches/fluent-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "12.2.4-dev.0",
6
+ "version": "12.3.0-dev.0",
7
7
  "previewColors": [
8
8
  "#1F1F1F",
9
9
  "#292929",
package/lib/swatches/fluent-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "12.2.4-dev.0",
6
+ "version": "12.3.0-dev.0",
7
7
  "previewColors": [
8
8
  "#fafafa",
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-fluent",
3
3
  "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
4
- "version": "12.2.4-dev.0",
4
+ "version": "12.3.0-dev.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -55,12 +55,12 @@
55
55
  },
56
56
  "dependencies": {
57
57
  "@progress/kendo-svg-icons": "^4.5.0",
58
- "@progress/kendo-theme-core": "12.2.4-dev.0",
59
- "@progress/kendo-theme-utils": "12.2.4-dev.0"
58
+ "@progress/kendo-theme-core": "12.3.0-dev.0",
59
+ "@progress/kendo-theme-utils": "12.3.0-dev.0"
60
60
  },
61
61
  "directories": {
62
62
  "doc": "docs",
63
63
  "lib": "lib"
64
64
  },
65
- "gitHead": "e18a6f3358e02bfa243a57d95f9ac46aeb9e4bf8"
65
+ "gitHead": "18ffd5e606b46e5619fb521351bc3471c8c6e2df"
66
66
  }
package/scss/button/_layout.scss CHANGED
@@ -116,7 +116,7 @@
116
116
  inset-block-start: calc(-1 * #{$kendo-button-border-width});
117
117
  inset-block-end: calc(-1 * #{$kendo-button-border-width});
118
118
  z-index: k-z-index("base");
119
- transition: opacity .2s ease-in-out;
119
+ transition: opacity k-transition(rapid);
120
120
  }
121
121
 
122
122
  // Hovered state
package/scss/button/_variables.scss CHANGED
@@ -195,6 +195,10 @@ $kendo-button-flat-disabled-text: var( --kendo-button-disabled-text, color-mix(i
195
195
  /// @group button
196
196
  $kendo-button-flat-disabled-border: var( --kendo-button-disabled-border, initial ) !default;
197
197
 
198
+ /// The transition of the Button.
199
+ /// @group button
200
+ $kendo-button-transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), box-shadow k-transition(rapid), opacity k-transition(rapid) !default;
201
+
198
202
  @forward "@progress/kendo-theme-core/scss/components/button/_variables.scss" with (
199
203
  $kendo-button-border-width: $kendo-button-border-width,
200
204
  $kendo-button-sm-padding-x: $kendo-button-sm-padding-x,
@@ -234,5 +238,6 @@ $kendo-button-flat-disabled-border: var( --kendo-button-disabled-border, initial
234
238
  $kendo-button-active-border: $kendo-button-active-border,
235
239
  $kendo-button-disabled-bg: $kendo-button-disabled-bg,
236
240
  $kendo-button-disabled-text: $kendo-button-disabled-text,
237
- $kendo-button-disabled-border: $kendo-button-disabled-border
241
+ $kendo-button-disabled-border: $kendo-button-disabled-border,
242
+ $kendo-button-transition: $kendo-button-transition
238
243
  );
package/scss/core/_index.scss CHANGED
@@ -16,6 +16,7 @@
16
16
  // Radii
17
17
  @use "./border-radii/_index.scss" as *;
18
18
 
19
+ // Motion
19
20
  @use "./motion/_index.scss" as *;
20
21
 
21
22
  @forward "@progress/kendo-theme-core/scss/index.scss" with (
@@ -43,7 +44,15 @@
43
44
  // Radii
44
45
  $default-border-radii: $kendo-border-radii,
45
46
  $kendo-border-radii: $kendo-border-radii !default,
46
- $kendo-transition: $kendo-transition !default,
47
+ // Motion
48
+ $default-easings: $kendo-easings,
49
+ $kendo-easings: $kendo-easings !default,
50
+
51
+ $default-durations: $kendo-durations,
52
+ $kendo-durations: $kendo-durations !default,
53
+
54
+ $default-transitions: $kendo-transitions,
55
+ $kendo-transitions: $kendo-transitions !default,
47
56
  );
48
57
 
49
58
  // Global disabled styles