@progress/kendo-theme-classic 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/all.css +1 -1
- package/dist/classic-green-dark.css +1 -1
- package/dist/classic-green.css +1 -1
- package/dist/classic-lavender-dark.css +1 -1
- package/dist/classic-lavender.css +1 -1
- package/dist/classic-main-dark.css +1 -1
- package/dist/classic-main.css +1 -1
- package/dist/classic-metro-dark.css +1 -1
- package/dist/classic-metro.css +1 -1
- package/dist/classic-moonlight.css +1 -1
- package/dist/classic-opal-dark.css +1 -1
- package/dist/classic-opal.css +1 -1
- package/dist/classic-silver-dark.css +1 -1
- package/dist/classic-silver.css +1 -1
- package/dist/classic-uniform.css +1 -1
- package/dist/meta/sassdoc-data.json +298 -0
- package/dist/meta/sassdoc-raw-data.json +125 -0
- package/dist/meta/variables.json +316 -0
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +4 -4
- package/scss/core/_index.scss +9 -9
- package/scss/datetimepicker/_variables.scss +32 -1
package/dist/meta/variables.json
CHANGED
|
@@ -309,6 +309,159 @@
|
|
|
309
309
|
"15": "#5e2036"
|
|
310
310
|
}
|
|
311
311
|
},
|
|
312
|
+
"default-colors": {
|
|
313
|
+
"type": "Map",
|
|
314
|
+
"value": "(app-surface: #ffffff, on-app-surface: #272727, subtle: #666666, surface: #f0f0f0, surface-alt: #ffffff, border: #cacaca, border-alt: #b6b6b6, base-subtle: #f0f0f0, base-subtle-hover: #ebebeb, base-subtle-active: #dddddd, base: #ebebeb, base-hover: #dddddd, base-active: #d6d6d6, base-emphasis: #cacaca, base-on-subtle: #272727, on-base: #272727, base-on-surface: #272727, primary-subtle: #fff2eb, primary-subtle-hover: #ffe5d6, primary-subtle-active: #ffd8c2, primary: #f35800, primary-hover: #e05100, primary-active: #cc4a00, primary-emphasis: #ff8b47, primary-on-subtle: #3d1600, on-primary: #ffffff, primary-on-surface: #f35800, secondary-subtle: #cacaca, secondary-subtle-hover: #b6b6b6, secondary-subtle-active: #a3a3a3, secondary: #b6b6b6, secondary-hover: #a3a3a3, secondary-active: #8f8f8f, secondary-emphasis: #7a7a7a, secondary-on-subtle: #272727, on-secondary: #000000, secondary-on-surface: #8f8f8f, tertiary-subtle: #9cdffe, tertiary-subtle-hover: #72d1fe, tertiary-subtle-active: #49c4fd, tertiary: #03a9f4, tertiary-hover: #039be0, tertiary-active: #038ecd, tertiary-emphasis: #2cbbfd, tertiary-on-subtle: #01364e, on-tertiary: #ffffff, tertiary-on-surface: #0273a6, info-subtle: #cce5f3, info-subtle-hover: #a6d1ea, info-subtle-active: #6ab2dc, info: #007bc3, info-hover: #0071b3, info-active: #0067a4, info-emphasis: #409cd2, info-on-subtle: #002b44, on-info: #ffffff, info-on-surface: #005485, success-subtle: #bbdfc1, success-subtle-hover: #9ed1a6, success-subtle-active: #82c48c, success: #3ea44e, success-hover: #399748, success-active: #348a42, success-emphasis: #6ebb7a, success-on-subtle: #16391b, on-success: #ffffff, success-on-surface: #2a7035, warning-subtle: #ffdead, warning-subtle-hover: #ffd699, warning-subtle-active: #ffc670, warning: #ffa41f, warning-hover: #ff9800, warning-active: #eb8c00, warning-emphasis: #ffb240, warning-on-subtle: #593500, on-warning: #000000, warning-on-surface: #ffa41f, error-subtle: #f4c3b8, error-subtle-hover: #f2b4a6, error-subtle-active: #ec8e79, error: #d92800, error-hover: #c82500, error-active: #b62200, error-emphasis: #e35e40, error-on-subtle: #4c0e00, on-error: #ffffff, error-on-surface: #941b00, light-subtle: #f0f0f0, light-subtle-hover: #ebebeb, light-subtle-active: #dddddd, light: #ebebeb, light-hover: #dddddd, light-active: #d6d6d6, light-emphasis: #cacaca, light-on-subtle: #272727, on-light: #000000, light-on-surface: #ebebeb, dark-subtle: #cacaca, dark-subtle-hover: #b6b6b6, dark-subtle-active: #a3a3a3, dark: #404040, dark-hover: #333333, dark-active: #272727, dark-emphasis: #7a7a7a, dark-on-subtle: #000000, on-dark: #ffffff, dark-on-surface: #333333, inverse-subtle: #cacaca, inverse-subtle-hover: #b6b6b6, inverse-subtle-active: #a3a3a3, inverse: #404040, inverse-hover: #333333, inverse-active: #272727, inverse-emphasis: #7a7a7a, inverse-on-subtle: #000000, on-inverse: #ffffff, inverse-on-surface: #333333, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffd246, series-b-bold: #bf9d35, series-b-bolder: #806923, series-b-subtle: #ffe9a2, series-b-subtler: #ffdd74, series-c: #78d237, series-c-bold: #5a9d29, series-c-bolder: #3c691c, series-c-subtle: #bbe99b, series-c-subtler: #9add69, series-d: #28b4c8, series-d-bold: #1e8796, series-d-bolder: #145a64, series-d-subtle: #93d9e3, series-d-subtler: #5ec7d6, series-e: #2d73f5, series-e-bold: #2256b8, series-e-bolder: #173a7b, series-e-subtle: #96b9fa, series-e-subtler: #6296f7, series-f: #9d40b0, series-f-bold: #80358e, series-f-bolder: #55235f, series-f-subtle: #d5a2df, series-f-subtler: #bf74ce)",
|
|
315
|
+
"prettyValue": {
|
|
316
|
+
"app-surface": "#ffffff",
|
|
317
|
+
"on-app-surface": "#272727",
|
|
318
|
+
"subtle": "#666666",
|
|
319
|
+
"surface": "#f0f0f0",
|
|
320
|
+
"surface-alt": "#ffffff",
|
|
321
|
+
"border": "#cacaca",
|
|
322
|
+
"border-alt": "#b6b6b6",
|
|
323
|
+
"base-subtle": "#f0f0f0",
|
|
324
|
+
"base-subtle-hover": "#ebebeb",
|
|
325
|
+
"base-subtle-active": "#dddddd",
|
|
326
|
+
"base": "#ebebeb",
|
|
327
|
+
"base-hover": "#dddddd",
|
|
328
|
+
"base-active": "#d6d6d6",
|
|
329
|
+
"base-emphasis": "#cacaca",
|
|
330
|
+
"base-on-subtle": "#272727",
|
|
331
|
+
"on-base": "#272727",
|
|
332
|
+
"base-on-surface": "#272727",
|
|
333
|
+
"primary-subtle": "#fff2eb",
|
|
334
|
+
"primary-subtle-hover": "#ffe5d6",
|
|
335
|
+
"primary-subtle-active": "#ffd8c2",
|
|
336
|
+
"primary": "#f35800",
|
|
337
|
+
"primary-hover": "#e05100",
|
|
338
|
+
"primary-active": "#cc4a00",
|
|
339
|
+
"primary-emphasis": "#ff8b47",
|
|
340
|
+
"primary-on-subtle": "#3d1600",
|
|
341
|
+
"on-primary": "#ffffff",
|
|
342
|
+
"primary-on-surface": "#f35800",
|
|
343
|
+
"secondary-subtle": "#cacaca",
|
|
344
|
+
"secondary-subtle-hover": "#b6b6b6",
|
|
345
|
+
"secondary-subtle-active": "#a3a3a3",
|
|
346
|
+
"secondary": "#b6b6b6",
|
|
347
|
+
"secondary-hover": "#a3a3a3",
|
|
348
|
+
"secondary-active": "#8f8f8f",
|
|
349
|
+
"secondary-emphasis": "#7a7a7a",
|
|
350
|
+
"secondary-on-subtle": "#272727",
|
|
351
|
+
"on-secondary": "#000000",
|
|
352
|
+
"secondary-on-surface": "#8f8f8f",
|
|
353
|
+
"tertiary-subtle": "#9cdffe",
|
|
354
|
+
"tertiary-subtle-hover": "#72d1fe",
|
|
355
|
+
"tertiary-subtle-active": "#49c4fd",
|
|
356
|
+
"tertiary": "#03a9f4",
|
|
357
|
+
"tertiary-hover": "#039be0",
|
|
358
|
+
"tertiary-active": "#038ecd",
|
|
359
|
+
"tertiary-emphasis": "#2cbbfd",
|
|
360
|
+
"tertiary-on-subtle": "#01364e",
|
|
361
|
+
"on-tertiary": "#ffffff",
|
|
362
|
+
"tertiary-on-surface": "#0273a6",
|
|
363
|
+
"info-subtle": "#cce5f3",
|
|
364
|
+
"info-subtle-hover": "#a6d1ea",
|
|
365
|
+
"info-subtle-active": "#6ab2dc",
|
|
366
|
+
"info": "#007bc3",
|
|
367
|
+
"info-hover": "#0071b3",
|
|
368
|
+
"info-active": "#0067a4",
|
|
369
|
+
"info-emphasis": "#409cd2",
|
|
370
|
+
"info-on-subtle": "#002b44",
|
|
371
|
+
"on-info": "#ffffff",
|
|
372
|
+
"info-on-surface": "#005485",
|
|
373
|
+
"success-subtle": "#bbdfc1",
|
|
374
|
+
"success-subtle-hover": "#9ed1a6",
|
|
375
|
+
"success-subtle-active": "#82c48c",
|
|
376
|
+
"success": "#3ea44e",
|
|
377
|
+
"success-hover": "#399748",
|
|
378
|
+
"success-active": "#348a42",
|
|
379
|
+
"success-emphasis": "#6ebb7a",
|
|
380
|
+
"success-on-subtle": "#16391b",
|
|
381
|
+
"on-success": "#ffffff",
|
|
382
|
+
"success-on-surface": "#2a7035",
|
|
383
|
+
"warning-subtle": "#ffdead",
|
|
384
|
+
"warning-subtle-hover": "#ffd699",
|
|
385
|
+
"warning-subtle-active": "#ffc670",
|
|
386
|
+
"warning": "#ffa41f",
|
|
387
|
+
"warning-hover": "#ff9800",
|
|
388
|
+
"warning-active": "#eb8c00",
|
|
389
|
+
"warning-emphasis": "#ffb240",
|
|
390
|
+
"warning-on-subtle": "#593500",
|
|
391
|
+
"on-warning": "#000000",
|
|
392
|
+
"warning-on-surface": "#ffa41f",
|
|
393
|
+
"error-subtle": "#f4c3b8",
|
|
394
|
+
"error-subtle-hover": "#f2b4a6",
|
|
395
|
+
"error-subtle-active": "#ec8e79",
|
|
396
|
+
"error": "#d92800",
|
|
397
|
+
"error-hover": "#c82500",
|
|
398
|
+
"error-active": "#b62200",
|
|
399
|
+
"error-emphasis": "#e35e40",
|
|
400
|
+
"error-on-subtle": "#4c0e00",
|
|
401
|
+
"on-error": "#ffffff",
|
|
402
|
+
"error-on-surface": "#941b00",
|
|
403
|
+
"light-subtle": "#f0f0f0",
|
|
404
|
+
"light-subtle-hover": "#ebebeb",
|
|
405
|
+
"light-subtle-active": "#dddddd",
|
|
406
|
+
"light": "#ebebeb",
|
|
407
|
+
"light-hover": "#dddddd",
|
|
408
|
+
"light-active": "#d6d6d6",
|
|
409
|
+
"light-emphasis": "#cacaca",
|
|
410
|
+
"light-on-subtle": "#272727",
|
|
411
|
+
"on-light": "#000000",
|
|
412
|
+
"light-on-surface": "#ebebeb",
|
|
413
|
+
"dark-subtle": "#cacaca",
|
|
414
|
+
"dark-subtle-hover": "#b6b6b6",
|
|
415
|
+
"dark-subtle-active": "#a3a3a3",
|
|
416
|
+
"dark": "#404040",
|
|
417
|
+
"dark-hover": "#333333",
|
|
418
|
+
"dark-active": "#272727",
|
|
419
|
+
"dark-emphasis": "#7a7a7a",
|
|
420
|
+
"dark-on-subtle": "#000000",
|
|
421
|
+
"on-dark": "#ffffff",
|
|
422
|
+
"dark-on-surface": "#333333",
|
|
423
|
+
"inverse-subtle": "#cacaca",
|
|
424
|
+
"inverse-subtle-hover": "#b6b6b6",
|
|
425
|
+
"inverse-subtle-active": "#a3a3a3",
|
|
426
|
+
"inverse": "#404040",
|
|
427
|
+
"inverse-hover": "#333333",
|
|
428
|
+
"inverse-active": "#272727",
|
|
429
|
+
"inverse-emphasis": "#7a7a7a",
|
|
430
|
+
"inverse-on-subtle": "#000000",
|
|
431
|
+
"on-inverse": "#ffffff",
|
|
432
|
+
"inverse-on-surface": "#333333",
|
|
433
|
+
"series-a": "#ff6358",
|
|
434
|
+
"series-a-bold": "#bf4a42",
|
|
435
|
+
"series-a-bolder": "#80322c",
|
|
436
|
+
"series-a-subtle": "#ffb1ac",
|
|
437
|
+
"series-a-subtler": "#ff8a82",
|
|
438
|
+
"series-b": "#ffd246",
|
|
439
|
+
"series-b-bold": "#bf9d35",
|
|
440
|
+
"series-b-bolder": "#806923",
|
|
441
|
+
"series-b-subtle": "#ffe9a2",
|
|
442
|
+
"series-b-subtler": "#ffdd74",
|
|
443
|
+
"series-c": "#78d237",
|
|
444
|
+
"series-c-bold": "#5a9d29",
|
|
445
|
+
"series-c-bolder": "#3c691c",
|
|
446
|
+
"series-c-subtle": "#bbe99b",
|
|
447
|
+
"series-c-subtler": "#9add69",
|
|
448
|
+
"series-d": "#28b4c8",
|
|
449
|
+
"series-d-bold": "#1e8796",
|
|
450
|
+
"series-d-bolder": "#145a64",
|
|
451
|
+
"series-d-subtle": "#93d9e3",
|
|
452
|
+
"series-d-subtler": "#5ec7d6",
|
|
453
|
+
"series-e": "#2d73f5",
|
|
454
|
+
"series-e-bold": "#2256b8",
|
|
455
|
+
"series-e-bolder": "#173a7b",
|
|
456
|
+
"series-e-subtle": "#96b9fa",
|
|
457
|
+
"series-e-subtler": "#6296f7",
|
|
458
|
+
"series-f": "#9d40b0",
|
|
459
|
+
"series-f-bold": "#80358e",
|
|
460
|
+
"series-f-bolder": "#55235f",
|
|
461
|
+
"series-f-subtle": "#d5a2df",
|
|
462
|
+
"series-f-subtler": "#bf74ce"
|
|
463
|
+
}
|
|
464
|
+
},
|
|
312
465
|
"kendo-colors": {
|
|
313
466
|
"type": "Map",
|
|
314
467
|
"value": "(app-surface: #ffffff, on-app-surface: #272727, subtle: #666666, surface: #f0f0f0, surface-alt: #ffffff, border: #cacaca, border-alt: #b6b6b6, base-subtle: #f0f0f0, base-subtle-hover: #ebebeb, base-subtle-active: #dddddd, base: #ebebeb, base-hover: #dddddd, base-active: #d6d6d6, base-emphasis: #cacaca, base-on-subtle: #272727, on-base: #272727, base-on-surface: #272727, primary-subtle: #fff2eb, primary-subtle-hover: #ffe5d6, primary-subtle-active: #ffd8c2, primary: #f35800, primary-hover: #e05100, primary-active: #cc4a00, primary-emphasis: #ff8b47, primary-on-subtle: #3d1600, on-primary: #ffffff, primary-on-surface: #f35800, secondary-subtle: #cacaca, secondary-subtle-hover: #b6b6b6, secondary-subtle-active: #a3a3a3, secondary: #b6b6b6, secondary-hover: #a3a3a3, secondary-active: #8f8f8f, secondary-emphasis: #7a7a7a, secondary-on-subtle: #272727, on-secondary: #000000, secondary-on-surface: #8f8f8f, tertiary-subtle: #9cdffe, tertiary-subtle-hover: #72d1fe, tertiary-subtle-active: #49c4fd, tertiary: #03a9f4, tertiary-hover: #039be0, tertiary-active: #038ecd, tertiary-emphasis: #2cbbfd, tertiary-on-subtle: #01364e, on-tertiary: #ffffff, tertiary-on-surface: #0273a6, info-subtle: #cce5f3, info-subtle-hover: #a6d1ea, info-subtle-active: #6ab2dc, info: #007bc3, info-hover: #0071b3, info-active: #0067a4, info-emphasis: #409cd2, info-on-subtle: #002b44, on-info: #ffffff, info-on-surface: #005485, success-subtle: #bbdfc1, success-subtle-hover: #9ed1a6, success-subtle-active: #82c48c, success: #3ea44e, success-hover: #399748, success-active: #348a42, success-emphasis: #6ebb7a, success-on-subtle: #16391b, on-success: #ffffff, success-on-surface: #2a7035, warning-subtle: #ffdead, warning-subtle-hover: #ffd699, warning-subtle-active: #ffc670, warning: #ffa41f, warning-hover: #ff9800, warning-active: #eb8c00, warning-emphasis: #ffb240, warning-on-subtle: #593500, on-warning: #000000, warning-on-surface: #ffa41f, error-subtle: #f4c3b8, error-subtle-hover: #f2b4a6, error-subtle-active: #ec8e79, error: #d92800, error-hover: #c82500, error-active: #b62200, error-emphasis: #e35e40, error-on-subtle: #4c0e00, on-error: #ffffff, error-on-surface: #941b00, light-subtle: #f0f0f0, light-subtle-hover: #ebebeb, light-subtle-active: #dddddd, light: #ebebeb, light-hover: #dddddd, light-active: #d6d6d6, light-emphasis: #cacaca, light-on-subtle: #272727, on-light: #000000, light-on-surface: #ebebeb, dark-subtle: #cacaca, dark-subtle-hover: #b6b6b6, dark-subtle-active: #a3a3a3, dark: #404040, dark-hover: #333333, dark-active: #272727, dark-emphasis: #7a7a7a, dark-on-subtle: #000000, on-dark: #ffffff, dark-on-surface: #333333, inverse-subtle: #cacaca, inverse-subtle-hover: #b6b6b6, inverse-subtle-active: #a3a3a3, inverse: #404040, inverse-hover: #333333, inverse-active: #272727, inverse-emphasis: #7a7a7a, inverse-on-subtle: #000000, on-inverse: #ffffff, inverse-on-surface: #333333, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffd246, series-b-bold: #bf9d35, series-b-bolder: #806923, series-b-subtle: #ffe9a2, series-b-subtler: #ffdd74, series-c: #78d237, series-c-bold: #5a9d29, series-c-bolder: #3c691c, series-c-subtle: #bbe99b, series-c-subtler: #9add69, series-d: #28b4c8, series-d-bold: #1e8796, series-d-bolder: #145a64, series-d-subtle: #93d9e3, series-d-subtler: #5ec7d6, series-e: #2d73f5, series-e-bold: #2256b8, series-e-bolder: #173a7b, series-e-subtle: #96b9fa, series-e-subtler: #6296f7, series-f: #9d40b0, series-f-bold: #80358e, series-f-bolder: #55235f, series-f-subtle: #d5a2df, series-f-subtler: #bf74ce)",
|
|
@@ -498,6 +651,52 @@
|
|
|
498
651
|
"type": "Number",
|
|
499
652
|
"value": "17px"
|
|
500
653
|
},
|
|
654
|
+
"default-spacing": {
|
|
655
|
+
"type": "Map",
|
|
656
|
+
"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)",
|
|
657
|
+
"prettyValue": {
|
|
658
|
+
"0": "0px",
|
|
659
|
+
"1": "0.25rem",
|
|
660
|
+
"2": "0.5rem",
|
|
661
|
+
"3": "0.75rem",
|
|
662
|
+
"4": "1rem",
|
|
663
|
+
"5": "1.25rem",
|
|
664
|
+
"6": "1.5rem",
|
|
665
|
+
"7": "1.75rem",
|
|
666
|
+
"8": "2rem",
|
|
667
|
+
"9": "2.25rem",
|
|
668
|
+
"10": "2.5rem",
|
|
669
|
+
"11": "2.75rem",
|
|
670
|
+
"12": "3rem",
|
|
671
|
+
"13": "3.25rem",
|
|
672
|
+
"14": "3.5rem",
|
|
673
|
+
"15": "3.75rem",
|
|
674
|
+
"16": "4rem",
|
|
675
|
+
"17": "4.25rem",
|
|
676
|
+
"18": "4.5rem",
|
|
677
|
+
"19": "4.75rem",
|
|
678
|
+
"20": "5rem",
|
|
679
|
+
"21": "5.25rem",
|
|
680
|
+
"22": "5.5rem",
|
|
681
|
+
"23": "5.75rem",
|
|
682
|
+
"24": "6rem",
|
|
683
|
+
"25": "7rem",
|
|
684
|
+
"26": "8rem",
|
|
685
|
+
"27": "9rem",
|
|
686
|
+
"28": "10rem",
|
|
687
|
+
"29": "11rem",
|
|
688
|
+
"30": "12rem",
|
|
689
|
+
"1px": "1px",
|
|
690
|
+
"0.5": "0.125rem",
|
|
691
|
+
"1.5": "0.375rem",
|
|
692
|
+
"2.5": "0.625rem",
|
|
693
|
+
"3.5": "0.875rem",
|
|
694
|
+
"4.5": "1.125rem",
|
|
695
|
+
"5.5": "1.375rem",
|
|
696
|
+
"6.5": "1.625rem",
|
|
697
|
+
"7.5": "1.875rem"
|
|
698
|
+
}
|
|
699
|
+
},
|
|
501
700
|
"kendo-spacing": {
|
|
502
701
|
"type": "Map",
|
|
503
702
|
"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)",
|
|
@@ -625,6 +824,21 @@
|
|
|
625
824
|
"type": "String",
|
|
626
825
|
"value": "k-"
|
|
627
826
|
},
|
|
827
|
+
"default-elevation": {
|
|
828
|
+
"type": "Map",
|
|
829
|
+
"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)))",
|
|
830
|
+
"prettyValue": {
|
|
831
|
+
"1": "(0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
832
|
+
"2": "(0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
833
|
+
"3": "(0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
834
|
+
"4": "(0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
835
|
+
"5": "(0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
836
|
+
"6": "(0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
837
|
+
"7": "(0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
838
|
+
"8": "(0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12))",
|
|
839
|
+
"9": "(0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12))"
|
|
840
|
+
}
|
|
841
|
+
},
|
|
628
842
|
"kendo-elevation": {
|
|
629
843
|
"type": "Map",
|
|
630
844
|
"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)))",
|
|
@@ -784,6 +998,66 @@
|
|
|
784
998
|
"type": "String",
|
|
785
999
|
"value": "inherit"
|
|
786
1000
|
},
|
|
1001
|
+
"default-font-sizes": {
|
|
1002
|
+
"type": "Map",
|
|
1003
|
+
"value": "(xxs: 0.5rem, xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
|
|
1004
|
+
"prettyValue": {
|
|
1005
|
+
"xxs": "0.5rem",
|
|
1006
|
+
"xs": "0.625rem",
|
|
1007
|
+
"sm": "0.75rem",
|
|
1008
|
+
"md": "0.875rem",
|
|
1009
|
+
"lg": "1rem",
|
|
1010
|
+
"xl": "1.25rem"
|
|
1011
|
+
}
|
|
1012
|
+
},
|
|
1013
|
+
"default-line-heights": {
|
|
1014
|
+
"type": "Map",
|
|
1015
|
+
"value": "(xs: 1, sm: 1.25, md: 1.4285714285714286, lg: 1.5)",
|
|
1016
|
+
"prettyValue": {
|
|
1017
|
+
"xs": 1,
|
|
1018
|
+
"sm": 1.25,
|
|
1019
|
+
"md": 1.4285714285714286,
|
|
1020
|
+
"lg": 1.5
|
|
1021
|
+
}
|
|
1022
|
+
},
|
|
1023
|
+
"default-font-weights": {
|
|
1024
|
+
"type": "Map",
|
|
1025
|
+
"value": "(thin: 100, extra-light: 200, light: 300, normal: 400, medium: 500, semibold: 600, bold: 700, extra-bold: 800, \"black\": 900)",
|
|
1026
|
+
"prettyValue": {
|
|
1027
|
+
"thin": 100,
|
|
1028
|
+
"extra-light": 200,
|
|
1029
|
+
"light": 300,
|
|
1030
|
+
"normal": 400,
|
|
1031
|
+
"medium": 500,
|
|
1032
|
+
"semibold": 600,
|
|
1033
|
+
"bold": 700,
|
|
1034
|
+
"extra-bold": 800,
|
|
1035
|
+
"black": 900
|
|
1036
|
+
}
|
|
1037
|
+
},
|
|
1038
|
+
"default-letter-spacings": {
|
|
1039
|
+
"type": "Map",
|
|
1040
|
+
"value": "(tightest: -0.15px, tighter: -0.1px, tight: -0.5px, normal: 0px, wide: 0.5px, wider: 0.1px, widest: 0.15px)",
|
|
1041
|
+
"prettyValue": {
|
|
1042
|
+
"tightest": "-0.15px",
|
|
1043
|
+
"tighter": "-0.1px",
|
|
1044
|
+
"tight": "-0.5px",
|
|
1045
|
+
"normal": "0px",
|
|
1046
|
+
"wide": "0.5px",
|
|
1047
|
+
"wider": "0.1px",
|
|
1048
|
+
"widest": "0.15px"
|
|
1049
|
+
}
|
|
1050
|
+
},
|
|
1051
|
+
"default-font-families": {
|
|
1052
|
+
"type": "Map",
|
|
1053
|
+
"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))",
|
|
1054
|
+
"prettyValue": {
|
|
1055
|
+
"sans": "(Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans)",
|
|
1056
|
+
"serif": "(\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville)",
|
|
1057
|
+
"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\")",
|
|
1058
|
+
"monospace": "(SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace)"
|
|
1059
|
+
}
|
|
1060
|
+
},
|
|
787
1061
|
"kendo-font-sizes": {
|
|
788
1062
|
"type": "Map",
|
|
789
1063
|
"value": "(xxs: 0.5rem, xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
|
|
@@ -880,6 +1154,21 @@
|
|
|
880
1154
|
"type": "Number",
|
|
881
1155
|
"value": "9999px"
|
|
882
1156
|
},
|
|
1157
|
+
"default-border-radii": {
|
|
1158
|
+
"type": "Map",
|
|
1159
|
+
"value": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
|
|
1160
|
+
"prettyValue": {
|
|
1161
|
+
"none": "0px",
|
|
1162
|
+
"xs": "1px",
|
|
1163
|
+
"sm": "0.125rem",
|
|
1164
|
+
"md": "0.25rem",
|
|
1165
|
+
"lg": "0.375rem",
|
|
1166
|
+
"xl": "0.5rem",
|
|
1167
|
+
"xxl": "0.75rem",
|
|
1168
|
+
"xxxl": "1rem",
|
|
1169
|
+
"full": "9999px"
|
|
1170
|
+
}
|
|
1171
|
+
},
|
|
883
1172
|
"kendo-border-radii": {
|
|
884
1173
|
"type": "Map",
|
|
885
1174
|
"value": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
|
|
@@ -6757,6 +7046,33 @@
|
|
|
6757
7046
|
"type": "Calculation",
|
|
6758
7047
|
"value": "calc(32px * 8 + var(--kendo-spacing-4, 1rem) * 2)"
|
|
6759
7048
|
},
|
|
7049
|
+
"kendo-datetime-sm-width": {
|
|
7050
|
+
"type": "Calculation",
|
|
7051
|
+
"value": "calc(28px * 8 + var(--kendo-spacing-4, 1rem) * 2)"
|
|
7052
|
+
},
|
|
7053
|
+
"kendo-datetime-md-width": {
|
|
7054
|
+
"type": "Calculation",
|
|
7055
|
+
"value": "calc(32px * 8 + var(--kendo-spacing-4, 1rem) * 2)"
|
|
7056
|
+
},
|
|
7057
|
+
"kendo-datetime-lg-width": {
|
|
7058
|
+
"type": "Calculation",
|
|
7059
|
+
"value": "calc(40px * 8 + var(--kendo-spacing-4, 1rem) * 2)"
|
|
7060
|
+
},
|
|
7061
|
+
"kendo-datetime-sizes": {
|
|
7062
|
+
"type": "Map",
|
|
7063
|
+
"value": "(sm: (width: calc(28px * 8 + var(--kendo-spacing-4, 1rem) * 2)), md: (width: calc(32px * 8 + var(--kendo-spacing-4, 1rem) * 2)), lg: (width: calc(40px * 8 + var(--kendo-spacing-4, 1rem) * 2)))",
|
|
7064
|
+
"prettyValue": {
|
|
7065
|
+
"sm": {
|
|
7066
|
+
"width": "calc(28px * 8 + var(--kendo-spacing-4, 1rem) * 2)"
|
|
7067
|
+
},
|
|
7068
|
+
"md": {
|
|
7069
|
+
"width": "calc(32px * 8 + var(--kendo-spacing-4, 1rem) * 2)"
|
|
7070
|
+
},
|
|
7071
|
+
"lg": {
|
|
7072
|
+
"width": "calc(40px * 8 + var(--kendo-spacing-4, 1rem) * 2)"
|
|
7073
|
+
}
|
|
7074
|
+
}
|
|
7075
|
+
},
|
|
6760
7076
|
"kendo-daterange-picker-input-width": {
|
|
6761
7077
|
"type": "Number",
|
|
6762
7078
|
"value": "10em"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for Kendo UI theme",
|
|
4
|
-
"version": "12.1.0
|
|
4
|
+
"version": "12.1.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@progress/kendo-svg-icons": "^4.5.0",
|
|
57
|
-
"@progress/kendo-theme-core": "12.1.0
|
|
58
|
-
"@progress/kendo-theme-utils": "12.1.0
|
|
57
|
+
"@progress/kendo-theme-core": "12.1.0",
|
|
58
|
+
"@progress/kendo-theme-utils": "12.1.0"
|
|
59
59
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "c21230377775b7e87f6c8c6590409f0c2d41d99f"
|
|
65
65
|
}
|
package/scss/core/_index.scss
CHANGED
|
@@ -18,36 +18,36 @@
|
|
|
18
18
|
|
|
19
19
|
@forward "@progress/kendo-theme-core/scss/index.scss" with (
|
|
20
20
|
// Color System
|
|
21
|
-
$
|
|
21
|
+
$default-colors: $kendo-colors,
|
|
22
22
|
$kendo-colors: $kendo-colors !default,
|
|
23
23
|
// Elevation
|
|
24
|
-
$
|
|
24
|
+
$default-elevation: $kendo-elevation,
|
|
25
25
|
$kendo-elevation: $kendo-elevation !default,
|
|
26
26
|
// Typography
|
|
27
|
-
$
|
|
27
|
+
$default-font-sizes: $kendo-font-sizes,
|
|
28
28
|
$kendo-font-sizes: $kendo-font-sizes !default,
|
|
29
29
|
$kendo-font-size: $kendo-font-size !default,
|
|
30
30
|
|
|
31
|
-
$
|
|
31
|
+
$default-line-heights: $kendo-line-heights,
|
|
32
32
|
$kendo-line-heights: $kendo-line-heights !default,
|
|
33
33
|
$kendo-line-height: $kendo-line-height !default,
|
|
34
34
|
|
|
35
|
-
$
|
|
35
|
+
$default-font-weights: $kendo-font-weights,
|
|
36
36
|
$kendo-font-weights: $kendo-font-weights !default,
|
|
37
37
|
$kendo-font-weight: $kendo-font-weight !default,
|
|
38
38
|
|
|
39
|
-
$
|
|
39
|
+
$default-letter-spacings: $kendo-letter-spacings,
|
|
40
40
|
$kendo-letter-spacings: $kendo-letter-spacings !default,
|
|
41
41
|
$kendo-letter-spacing: $kendo-letter-spacing !default,
|
|
42
42
|
|
|
43
|
-
$
|
|
43
|
+
$default-font-families: $kendo-font-families,
|
|
44
44
|
$kendo-font-families: $kendo-font-families !default,
|
|
45
45
|
$kendo-font-family: $kendo-font-family !default,
|
|
46
46
|
// Spacing
|
|
47
|
-
$
|
|
47
|
+
$default-spacing: $kendo-spacing,
|
|
48
48
|
$kendo-spacing: $kendo-spacing !default,
|
|
49
49
|
// Border Radii
|
|
50
|
-
$
|
|
50
|
+
$default-border-radii: $kendo-border-radii,
|
|
51
51
|
$kendo-border-radii: $kendo-border-radii !default,
|
|
52
52
|
);
|
|
53
53
|
|
|
@@ -1,9 +1,40 @@
|
|
|
1
1
|
@use "../calendar/_variables.scss" as *;
|
|
2
2
|
|
|
3
3
|
// DateTime
|
|
4
|
+
|
|
5
|
+
/// The width of the DateTimePicker.
|
|
6
|
+
/// @group date-time-picker
|
|
4
7
|
$kendo-datetime-width: calc( calc( #{$kendo-calendar-cell-size} * 8 ) + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 )) !default;
|
|
5
8
|
|
|
9
|
+
/// The width of the small DateTimePicker.
|
|
10
|
+
/// @group date-time-picker
|
|
11
|
+
$kendo-datetime-sm-width: calc( calc( #{$kendo-calendar-sm-cell-size} * 8 ) + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 )) !default;
|
|
12
|
+
/// The width of the medium DateTimePicker.
|
|
13
|
+
/// @group date-time-picker
|
|
14
|
+
$kendo-datetime-md-width: $kendo-datetime-width !default;
|
|
15
|
+
/// The width of the large DateTimePicker.
|
|
16
|
+
/// @group date-time-picker
|
|
17
|
+
$kendo-datetime-lg-width: calc( calc( #{$kendo-calendar-lg-cell-size} * 8 ) + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 )) !default;
|
|
18
|
+
|
|
19
|
+
/// The sizes map for the DateTimePicker.
|
|
20
|
+
/// @group date-time-picker
|
|
21
|
+
$kendo-datetime-sizes: (
|
|
22
|
+
sm: (
|
|
23
|
+
width: $kendo-datetime-sm-width
|
|
24
|
+
),
|
|
25
|
+
md: (
|
|
26
|
+
width: $kendo-datetime-md-width
|
|
27
|
+
),
|
|
28
|
+
lg: (
|
|
29
|
+
width: $kendo-datetime-lg-width
|
|
30
|
+
)
|
|
31
|
+
) !default;
|
|
32
|
+
|
|
6
33
|
|
|
7
34
|
@forward "@progress/kendo-theme-core/scss/components/datetimepicker/_variables.scss" with (
|
|
8
|
-
$kendo-datetime-width: $kendo-datetime-width
|
|
35
|
+
$kendo-datetime-width: $kendo-datetime-width,
|
|
36
|
+
$kendo-datetime-sm-width: $kendo-datetime-sm-width,
|
|
37
|
+
$kendo-datetime-md-width: $kendo-datetime-md-width,
|
|
38
|
+
$kendo-datetime-lg-width: $kendo-datetime-lg-width,
|
|
39
|
+
$kendo-datetime-sizes: $kendo-datetime-sizes
|
|
9
40
|
);
|