@progress/kendo-theme-material 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/material-2-dark.css +1 -1
- package/dist/material-2.css +1 -1
- package/dist/material-aqua-dark.css +1 -1
- package/dist/material-arctic.css +1 -1
- package/dist/material-burnt-teal.css +1 -1
- package/dist/material-dataviz-v4.css +1 -1
- package/dist/material-eggplant.css +1 -1
- package/dist/material-lime-dark.css +1 -1
- package/dist/material-lime.css +1 -1
- package/dist/material-main-dark.css +1 -1
- package/dist/material-main.css +1 -1
- package/dist/material-nova.css +1 -1
- package/dist/material-pacific-dark.css +1 -1
- package/dist/material-pacific.css +1 -1
- package/dist/material-sky-dark.css +1 -1
- package/dist/material-sky.css +1 -1
- package/dist/material-smoke.css +1 -1
- package/dist/meta/sassdoc-data.json +310 -12
- package/dist/meta/sassdoc-raw-data.json +131 -6
- package/dist/meta/variables.json +313 -0
- package/lib/swatches/material-2-dark.json +1 -1
- package/lib/swatches/material-2.json +1 -1
- package/lib/swatches/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +4 -4
- package/scss/core/_index.scss +8 -8
- package/scss/datetimepicker/_variables.scss +32 -1
package/dist/meta/variables.json
CHANGED
|
@@ -305,6 +305,159 @@
|
|
|
305
305
|
"15": "#5e2036"
|
|
306
306
|
}
|
|
307
307
|
},
|
|
308
|
+
"default-colors": {
|
|
309
|
+
"type": "Map",
|
|
310
|
+
"value": "(app-surface: #FEFBFF, on-app-surface: #1D1B20, subtle: #49454F, surface: #F7F3FA, surface-alt: #ffffff, border: rgba(29, 27, 32, 0.12), border-alt: rgba(29, 27, 32, 0.15), base-subtle: #DED8E0, base-subtle-hover: #E2DDE5, base-subtle-active: #EAE5EC, base: #EAE5EC, base-hover: #E2DDE5, base-active: #DED8E0, base-emphasis: #6E687C, base-on-subtle: #4A4459, on-base: #4A4459, base-on-surface: #4A4459, primary-subtle: #E9DDFF, primary-subtle-hover: #DFD3F6, primary-subtle-active: #D9CCF1, primary: #65558F, primary-hover: #6E5D97, primary-active: #7866A2, primary-emphasis: #B6A6D7, primary-on-subtle: #4F378A, on-primary: #ffffff, primary-on-surface: #65558F, secondary-subtle: #625B71, secondary-subtle-hover: #6E687C, secondary-subtle-active: #756F82, secondary: #E8DEF8, secondary-hover: #DED4EE, secondary-active: #D8CEE8, secondary-emphasis: #B6AEC6, secondary-on-subtle: #ffffff, on-secondary: #4A4459, secondary-on-surface: #4A4459, tertiary-subtle: #FFD8E4, tertiary-subtle-hover: #F5CEDA, tertiary-subtle-active: #EFC8D4, tertiary: #7D5260, tertiary-hover: #87606C, tertiary-active: #8D6773, tertiary-emphasis: #8D6773, tertiary-on-subtle: #633B48, on-tertiary: #ffffff, tertiary-on-surface: #633B48, info-subtle: #C1D5F5, info-subtle-hover: #B0C8F2, info-subtle-active: #96B6EE, info: #2C6DDD, info-hover: #215FCA, info-active: #1B4EA7, info-emphasis: #7BA4EA, info-on-subtle: #123672, on-info: #ffffff, info-on-surface: #1B4EA7, success-subtle: #D6F5E1, success-subtle-hover: #BDEFCF, success-subtle-active: #A4EABE, success: #1B7E3F, success-hover: #186D37, success-active: #145C2E, success-emphasis: #6BDC94, success-on-subtle: #0F4322, on-success: #ffffff, success-on-surface: #186D37, warning-subtle: #FCEDC0, warning-subtle-hover: #FAE6A8, warning-subtle-active: #F9DF90, warning: #F5CA47, warning-hover: #F4C12A, warning-active: #F2BA0D, warning-emphasis: #F7D56E, warning-on-subtle: #725809, on-warning: #000000, warning-on-surface: #725809, error-subtle: #F9DEDC, error-subtle-hover: #F5C6C2, error-subtle-active: #F0ADA8, error: #B3261E, error-hover: #9C2521, error-active: #852221, error-emphasis: #E87973, error-on-subtle: #852221, on-error: #ffffff, error-on-surface: #9C2521, light-subtle: #FEFBFF, light-subtle-hover: #F7F3FA, light-subtle-active: #EAE5EC, light: #F7F3FA, light-hover: #EAE5EC, light-active: #E2DDE5, light-emphasis: #CCC7D4, light-on-subtle: #1D1B20, on-light: #1D1B20, light-on-surface: #F7F3FA, dark-subtle: #B0ABB7, dark-subtle-hover: #CCC7D4, dark-subtle-active: #DED8E0, dark: #322F35, dark-hover: #3A363E, dark-active: #49454F, dark-emphasis: #79747E, dark-on-subtle: #79747E, on-dark: #ffffff, dark-on-surface: #322F35, inverse-subtle: #B0ABB7, inverse-subtle-hover: #CCC7D4, inverse-subtle-active: #DED8E0, inverse: #322F35, inverse-hover: #3A363E, inverse-active: #49454F, inverse-emphasis: #79747E, inverse-on-subtle: #79747E, on-inverse: #ffffff, inverse-on-surface: #322F35, series-a: #9C27B0, series-a-bold: #751D84, series-a-bolder: #4E1458, series-a-subtle: #B55DC4, series-a-subtler: #CD93D7, series-b: #2196F3, series-b-bold: #1971B6, series-b-bolder: #114B7A, series-b-subtle: #59B0F6, series-b-subtler: #90CBF9, series-c: #009688, series-c-bold: #007166, series-c-bolder: #114B7A, series-c-subtle: #40B0A6, series-c-subtler: #80CBC4, series-d: #FFEB3B, series-d-bold: #BFB02C, series-d-bolder: #80761E, series-d-subtle: #FFF06C, series-d-subtler: #FFF59D, series-e: #DD352C, series-e-bold: #B3261E, series-e-bolder: #852221, series-e-subtle: #E87973, series-e-subtler: #F0ADA8, series-f: #4CAF50, series-f-bold: #39833C, series-f-bolder: #265828, series-f-subtle: #79C37C, series-f-subtler: #A6D7A8)",
|
|
311
|
+
"prettyValue": {
|
|
312
|
+
"app-surface": "#FEFBFF",
|
|
313
|
+
"on-app-surface": "#1D1B20",
|
|
314
|
+
"subtle": "#49454F",
|
|
315
|
+
"surface": "#F7F3FA",
|
|
316
|
+
"surface-alt": "#ffffff",
|
|
317
|
+
"border": "rgba(29, 27, 32, 0.12)",
|
|
318
|
+
"border-alt": "rgba(29, 27, 32, 0.15)",
|
|
319
|
+
"base-subtle": "#DED8E0",
|
|
320
|
+
"base-subtle-hover": "#E2DDE5",
|
|
321
|
+
"base-subtle-active": "#EAE5EC",
|
|
322
|
+
"base": "#EAE5EC",
|
|
323
|
+
"base-hover": "#E2DDE5",
|
|
324
|
+
"base-active": "#DED8E0",
|
|
325
|
+
"base-emphasis": "#6E687C",
|
|
326
|
+
"base-on-subtle": "#4A4459",
|
|
327
|
+
"on-base": "#4A4459",
|
|
328
|
+
"base-on-surface": "#4A4459",
|
|
329
|
+
"primary-subtle": "#E9DDFF",
|
|
330
|
+
"primary-subtle-hover": "#DFD3F6",
|
|
331
|
+
"primary-subtle-active": "#D9CCF1",
|
|
332
|
+
"primary": "#65558F",
|
|
333
|
+
"primary-hover": "#6E5D97",
|
|
334
|
+
"primary-active": "#7866A2",
|
|
335
|
+
"primary-emphasis": "#B6A6D7",
|
|
336
|
+
"primary-on-subtle": "#4F378A",
|
|
337
|
+
"on-primary": "#ffffff",
|
|
338
|
+
"primary-on-surface": "#65558F",
|
|
339
|
+
"secondary-subtle": "#625B71",
|
|
340
|
+
"secondary-subtle-hover": "#6E687C",
|
|
341
|
+
"secondary-subtle-active": "#756F82",
|
|
342
|
+
"secondary": "#E8DEF8",
|
|
343
|
+
"secondary-hover": "#DED4EE",
|
|
344
|
+
"secondary-active": "#D8CEE8",
|
|
345
|
+
"secondary-emphasis": "#B6AEC6",
|
|
346
|
+
"secondary-on-subtle": "#ffffff",
|
|
347
|
+
"on-secondary": "#4A4459",
|
|
348
|
+
"secondary-on-surface": "#4A4459",
|
|
349
|
+
"tertiary-subtle": "#FFD8E4",
|
|
350
|
+
"tertiary-subtle-hover": "#F5CEDA",
|
|
351
|
+
"tertiary-subtle-active": "#EFC8D4",
|
|
352
|
+
"tertiary": "#7D5260",
|
|
353
|
+
"tertiary-hover": "#87606C",
|
|
354
|
+
"tertiary-active": "#8D6773",
|
|
355
|
+
"tertiary-emphasis": "#8D6773",
|
|
356
|
+
"tertiary-on-subtle": "#633B48",
|
|
357
|
+
"on-tertiary": "#ffffff",
|
|
358
|
+
"tertiary-on-surface": "#633B48",
|
|
359
|
+
"info-subtle": "#C1D5F5",
|
|
360
|
+
"info-subtle-hover": "#B0C8F2",
|
|
361
|
+
"info-subtle-active": "#96B6EE",
|
|
362
|
+
"info": "#2C6DDD",
|
|
363
|
+
"info-hover": "#215FCA",
|
|
364
|
+
"info-active": "#1B4EA7",
|
|
365
|
+
"info-emphasis": "#7BA4EA",
|
|
366
|
+
"info-on-subtle": "#123672",
|
|
367
|
+
"on-info": "#ffffff",
|
|
368
|
+
"info-on-surface": "#1B4EA7",
|
|
369
|
+
"success-subtle": "#D6F5E1",
|
|
370
|
+
"success-subtle-hover": "#BDEFCF",
|
|
371
|
+
"success-subtle-active": "#A4EABE",
|
|
372
|
+
"success": "#1B7E3F",
|
|
373
|
+
"success-hover": "#186D37",
|
|
374
|
+
"success-active": "#145C2E",
|
|
375
|
+
"success-emphasis": "#6BDC94",
|
|
376
|
+
"success-on-subtle": "#0F4322",
|
|
377
|
+
"on-success": "#ffffff",
|
|
378
|
+
"success-on-surface": "#186D37",
|
|
379
|
+
"warning-subtle": "#FCEDC0",
|
|
380
|
+
"warning-subtle-hover": "#FAE6A8",
|
|
381
|
+
"warning-subtle-active": "#F9DF90",
|
|
382
|
+
"warning": "#F5CA47",
|
|
383
|
+
"warning-hover": "#F4C12A",
|
|
384
|
+
"warning-active": "#F2BA0D",
|
|
385
|
+
"warning-emphasis": "#F7D56E",
|
|
386
|
+
"warning-on-subtle": "#725809",
|
|
387
|
+
"on-warning": "#000000",
|
|
388
|
+
"warning-on-surface": "#725809",
|
|
389
|
+
"error-subtle": "#F9DEDC",
|
|
390
|
+
"error-subtle-hover": "#F5C6C2",
|
|
391
|
+
"error-subtle-active": "#F0ADA8",
|
|
392
|
+
"error": "#B3261E",
|
|
393
|
+
"error-hover": "#9C2521",
|
|
394
|
+
"error-active": "#852221",
|
|
395
|
+
"error-emphasis": "#E87973",
|
|
396
|
+
"error-on-subtle": "#852221",
|
|
397
|
+
"on-error": "#ffffff",
|
|
398
|
+
"error-on-surface": "#9C2521",
|
|
399
|
+
"light-subtle": "#FEFBFF",
|
|
400
|
+
"light-subtle-hover": "#F7F3FA",
|
|
401
|
+
"light-subtle-active": "#EAE5EC",
|
|
402
|
+
"light": "#F7F3FA",
|
|
403
|
+
"light-hover": "#EAE5EC",
|
|
404
|
+
"light-active": "#E2DDE5",
|
|
405
|
+
"light-emphasis": "#CCC7D4",
|
|
406
|
+
"light-on-subtle": "#1D1B20",
|
|
407
|
+
"on-light": "#1D1B20",
|
|
408
|
+
"light-on-surface": "#F7F3FA",
|
|
409
|
+
"dark-subtle": "#B0ABB7",
|
|
410
|
+
"dark-subtle-hover": "#CCC7D4",
|
|
411
|
+
"dark-subtle-active": "#DED8E0",
|
|
412
|
+
"dark": "#322F35",
|
|
413
|
+
"dark-hover": "#3A363E",
|
|
414
|
+
"dark-active": "#49454F",
|
|
415
|
+
"dark-emphasis": "#79747E",
|
|
416
|
+
"dark-on-subtle": "#79747E",
|
|
417
|
+
"on-dark": "#ffffff",
|
|
418
|
+
"dark-on-surface": "#322F35",
|
|
419
|
+
"inverse-subtle": "#B0ABB7",
|
|
420
|
+
"inverse-subtle-hover": "#CCC7D4",
|
|
421
|
+
"inverse-subtle-active": "#DED8E0",
|
|
422
|
+
"inverse": "#322F35",
|
|
423
|
+
"inverse-hover": "#3A363E",
|
|
424
|
+
"inverse-active": "#49454F",
|
|
425
|
+
"inverse-emphasis": "#79747E",
|
|
426
|
+
"inverse-on-subtle": "#79747E",
|
|
427
|
+
"on-inverse": "#ffffff",
|
|
428
|
+
"inverse-on-surface": "#322F35",
|
|
429
|
+
"series-a": "#9C27B0",
|
|
430
|
+
"series-a-bold": "#751D84",
|
|
431
|
+
"series-a-bolder": "#4E1458",
|
|
432
|
+
"series-a-subtle": "#B55DC4",
|
|
433
|
+
"series-a-subtler": "#CD93D7",
|
|
434
|
+
"series-b": "#2196F3",
|
|
435
|
+
"series-b-bold": "#1971B6",
|
|
436
|
+
"series-b-bolder": "#114B7A",
|
|
437
|
+
"series-b-subtle": "#59B0F6",
|
|
438
|
+
"series-b-subtler": "#90CBF9",
|
|
439
|
+
"series-c": "#009688",
|
|
440
|
+
"series-c-bold": "#007166",
|
|
441
|
+
"series-c-bolder": "#114B7A",
|
|
442
|
+
"series-c-subtle": "#40B0A6",
|
|
443
|
+
"series-c-subtler": "#80CBC4",
|
|
444
|
+
"series-d": "#FFEB3B",
|
|
445
|
+
"series-d-bold": "#BFB02C",
|
|
446
|
+
"series-d-bolder": "#80761E",
|
|
447
|
+
"series-d-subtle": "#FFF06C",
|
|
448
|
+
"series-d-subtler": "#FFF59D",
|
|
449
|
+
"series-e": "#DD352C",
|
|
450
|
+
"series-e-bold": "#B3261E",
|
|
451
|
+
"series-e-bolder": "#852221",
|
|
452
|
+
"series-e-subtle": "#E87973",
|
|
453
|
+
"series-e-subtler": "#F0ADA8",
|
|
454
|
+
"series-f": "#4CAF50",
|
|
455
|
+
"series-f-bold": "#39833C",
|
|
456
|
+
"series-f-bolder": "#265828",
|
|
457
|
+
"series-f-subtle": "#79C37C",
|
|
458
|
+
"series-f-subtler": "#A6D7A8"
|
|
459
|
+
}
|
|
460
|
+
},
|
|
308
461
|
"kendo-colors": {
|
|
309
462
|
"type": "Map",
|
|
310
463
|
"value": "(app-surface: #FEFBFF, on-app-surface: #1D1B20, subtle: #49454F, surface: #F7F3FA, surface-alt: #ffffff, border: rgba(29, 27, 32, 0.12), border-alt: rgba(29, 27, 32, 0.15), base-subtle: #DED8E0, base-subtle-hover: #E2DDE5, base-subtle-active: #EAE5EC, base: #EAE5EC, base-hover: #E2DDE5, base-active: #DED8E0, base-emphasis: #6E687C, base-on-subtle: #4A4459, on-base: #4A4459, base-on-surface: #4A4459, primary-subtle: #E9DDFF, primary-subtle-hover: #DFD3F6, primary-subtle-active: #D9CCF1, primary: #65558F, primary-hover: #6E5D97, primary-active: #7866A2, primary-emphasis: #B6A6D7, primary-on-subtle: #4F378A, on-primary: #ffffff, primary-on-surface: #65558F, secondary-subtle: #625B71, secondary-subtle-hover: #6E687C, secondary-subtle-active: #756F82, secondary: #E8DEF8, secondary-hover: #DED4EE, secondary-active: #D8CEE8, secondary-emphasis: #B6AEC6, secondary-on-subtle: #ffffff, on-secondary: #4A4459, secondary-on-surface: #4A4459, tertiary-subtle: #FFD8E4, tertiary-subtle-hover: #F5CEDA, tertiary-subtle-active: #EFC8D4, tertiary: #7D5260, tertiary-hover: #87606C, tertiary-active: #8D6773, tertiary-emphasis: #8D6773, tertiary-on-subtle: #633B48, on-tertiary: #ffffff, tertiary-on-surface: #633B48, info-subtle: #C1D5F5, info-subtle-hover: #B0C8F2, info-subtle-active: #96B6EE, info: #2C6DDD, info-hover: #215FCA, info-active: #1B4EA7, info-emphasis: #7BA4EA, info-on-subtle: #123672, on-info: #ffffff, info-on-surface: #1B4EA7, success-subtle: #D6F5E1, success-subtle-hover: #BDEFCF, success-subtle-active: #A4EABE, success: #1B7E3F, success-hover: #186D37, success-active: #145C2E, success-emphasis: #6BDC94, success-on-subtle: #0F4322, on-success: #ffffff, success-on-surface: #186D37, warning-subtle: #FCEDC0, warning-subtle-hover: #FAE6A8, warning-subtle-active: #F9DF90, warning: #F5CA47, warning-hover: #F4C12A, warning-active: #F2BA0D, warning-emphasis: #F7D56E, warning-on-subtle: #725809, on-warning: #000000, warning-on-surface: #725809, error-subtle: #F9DEDC, error-subtle-hover: #F5C6C2, error-subtle-active: #F0ADA8, error: #B3261E, error-hover: #9C2521, error-active: #852221, error-emphasis: #E87973, error-on-subtle: #852221, on-error: #ffffff, error-on-surface: #9C2521, light-subtle: #FEFBFF, light-subtle-hover: #F7F3FA, light-subtle-active: #EAE5EC, light: #F7F3FA, light-hover: #EAE5EC, light-active: #E2DDE5, light-emphasis: #CCC7D4, light-on-subtle: #1D1B20, on-light: #1D1B20, light-on-surface: #F7F3FA, dark-subtle: #B0ABB7, dark-subtle-hover: #CCC7D4, dark-subtle-active: #DED8E0, dark: #322F35, dark-hover: #3A363E, dark-active: #49454F, dark-emphasis: #79747E, dark-on-subtle: #79747E, on-dark: #ffffff, dark-on-surface: #322F35, inverse-subtle: #B0ABB7, inverse-subtle-hover: #CCC7D4, inverse-subtle-active: #DED8E0, inverse: #322F35, inverse-hover: #3A363E, inverse-active: #49454F, inverse-emphasis: #79747E, inverse-on-subtle: #79747E, on-inverse: #ffffff, inverse-on-surface: #322F35, series-a: #9C27B0, series-a-bold: #751D84, series-a-bolder: #4E1458, series-a-subtle: #B55DC4, series-a-subtler: #CD93D7, series-b: #2196F3, series-b-bold: #1971B6, series-b-bolder: #114B7A, series-b-subtle: #59B0F6, series-b-subtler: #90CBF9, series-c: #009688, series-c-bold: #007166, series-c-bolder: #114B7A, series-c-subtle: #40B0A6, series-c-subtler: #80CBC4, series-d: #FFEB3B, series-d-bold: #BFB02C, series-d-bolder: #80761E, series-d-subtle: #FFF06C, series-d-subtler: #FFF59D, series-e: #DD352C, series-e-bold: #B3261E, series-e-bolder: #852221, series-e-subtle: #E87973, series-e-subtler: #F0ADA8, series-f: #4CAF50, series-f-bold: #39833C, series-f-bolder: #265828, series-f-subtle: #79C37C, series-f-subtler: #A6D7A8)",
|
|
@@ -494,6 +647,52 @@
|
|
|
494
647
|
"type": "Number",
|
|
495
648
|
"value": "17px"
|
|
496
649
|
},
|
|
650
|
+
"default-spacing": {
|
|
651
|
+
"type": "Map",
|
|
652
|
+
"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)",
|
|
653
|
+
"prettyValue": {
|
|
654
|
+
"0": "0px",
|
|
655
|
+
"1": "0.25rem",
|
|
656
|
+
"2": "0.5rem",
|
|
657
|
+
"3": "0.75rem",
|
|
658
|
+
"4": "1rem",
|
|
659
|
+
"5": "1.25rem",
|
|
660
|
+
"6": "1.5rem",
|
|
661
|
+
"7": "1.75rem",
|
|
662
|
+
"8": "2rem",
|
|
663
|
+
"9": "2.25rem",
|
|
664
|
+
"10": "2.5rem",
|
|
665
|
+
"11": "2.75rem",
|
|
666
|
+
"12": "3rem",
|
|
667
|
+
"13": "3.25rem",
|
|
668
|
+
"14": "3.5rem",
|
|
669
|
+
"15": "3.75rem",
|
|
670
|
+
"16": "4rem",
|
|
671
|
+
"17": "4.25rem",
|
|
672
|
+
"18": "4.5rem",
|
|
673
|
+
"19": "4.75rem",
|
|
674
|
+
"20": "5rem",
|
|
675
|
+
"21": "5.25rem",
|
|
676
|
+
"22": "5.5rem",
|
|
677
|
+
"23": "5.75rem",
|
|
678
|
+
"24": "6rem",
|
|
679
|
+
"25": "7rem",
|
|
680
|
+
"26": "8rem",
|
|
681
|
+
"27": "9rem",
|
|
682
|
+
"28": "10rem",
|
|
683
|
+
"29": "11rem",
|
|
684
|
+
"30": "12rem",
|
|
685
|
+
"1px": "1px",
|
|
686
|
+
"0.5": "0.125rem",
|
|
687
|
+
"1.5": "0.375rem",
|
|
688
|
+
"2.5": "0.625rem",
|
|
689
|
+
"3.5": "0.875rem",
|
|
690
|
+
"4.5": "1.125rem",
|
|
691
|
+
"5.5": "1.375rem",
|
|
692
|
+
"6.5": "1.625rem",
|
|
693
|
+
"7.5": "1.875rem"
|
|
694
|
+
}
|
|
695
|
+
},
|
|
497
696
|
"kendo-spacing": {
|
|
498
697
|
"type": "Map",
|
|
499
698
|
"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)",
|
|
@@ -621,6 +820,21 @@
|
|
|
621
820
|
"type": "String",
|
|
622
821
|
"value": "k-"
|
|
623
822
|
},
|
|
823
|
+
"default-elevation": {
|
|
824
|
+
"type": "Map",
|
|
825
|
+
"value": "(1: (0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)), 2: (0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)), 3: (0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3)), 4: (0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.3)), 5: (0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)), 6: (0px 6px 14px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.3)), 7: (0px 7px 16px 7px rgba(0, 0, 0, 0.15), 0px 5px 5px 0px rgba(0, 0, 0, 0.3)), 8: (0px 8px 18px 8px rgba(0, 0, 0, 0.15), 0px 6px 5px 0px rgba(0, 0, 0, 0.3)), 9: (0px 9px 20px 9px rgba(0, 0, 0, 0.15), 0px 7px 6px 0px rgba(0, 0, 0, 0.3)))",
|
|
826
|
+
"prettyValue": {
|
|
827
|
+
"1": "(0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15))",
|
|
828
|
+
"2": "(0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15))",
|
|
829
|
+
"3": "(0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3))",
|
|
830
|
+
"4": "(0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.3))",
|
|
831
|
+
"5": "(0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15))",
|
|
832
|
+
"6": "(0px 6px 14px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.3))",
|
|
833
|
+
"7": "(0px 7px 16px 7px rgba(0, 0, 0, 0.15), 0px 5px 5px 0px rgba(0, 0, 0, 0.3))",
|
|
834
|
+
"8": "(0px 8px 18px 8px rgba(0, 0, 0, 0.15), 0px 6px 5px 0px rgba(0, 0, 0, 0.3))",
|
|
835
|
+
"9": "(0px 9px 20px 9px rgba(0, 0, 0, 0.15), 0px 7px 6px 0px rgba(0, 0, 0, 0.3))"
|
|
836
|
+
}
|
|
837
|
+
},
|
|
624
838
|
"kendo-elevation": {
|
|
625
839
|
"type": "Map",
|
|
626
840
|
"value": "(1: (0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)), 2: (0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)), 3: (0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3)), 4: (0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.3)), 5: (0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)), 6: (0px 6px 14px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.3)), 7: (0px 7px 16px 7px rgba(0, 0, 0, 0.15), 0px 5px 5px 0px rgba(0, 0, 0, 0.3)), 8: (0px 8px 18px 8px rgba(0, 0, 0, 0.15), 0px 6px 5px 0px rgba(0, 0, 0, 0.3)), 9: (0px 9px 20px 9px rgba(0, 0, 0, 0.15), 0px 7px 6px 0px rgba(0, 0, 0, 0.3)))",
|
|
@@ -780,6 +994,63 @@
|
|
|
780
994
|
"type": "List",
|
|
781
995
|
"value": "(Roboto, \"Helvetica Neue\", sans-serif)"
|
|
782
996
|
},
|
|
997
|
+
"default-font-sizes": {
|
|
998
|
+
"type": "Map",
|
|
999
|
+
"value": "(xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
|
|
1000
|
+
"prettyValue": {
|
|
1001
|
+
"xs": "0.625rem",
|
|
1002
|
+
"sm": "0.75rem",
|
|
1003
|
+
"md": "0.875rem",
|
|
1004
|
+
"lg": "1rem",
|
|
1005
|
+
"xl": "1.25rem"
|
|
1006
|
+
}
|
|
1007
|
+
},
|
|
1008
|
+
"default-line-heights": {
|
|
1009
|
+
"type": "Map",
|
|
1010
|
+
"value": "(xs: 1, sm: 1.33, md: 1.4285714285714286, lg: 1.5)",
|
|
1011
|
+
"prettyValue": {
|
|
1012
|
+
"xs": 1,
|
|
1013
|
+
"sm": 1.33,
|
|
1014
|
+
"md": 1.4285714285714286,
|
|
1015
|
+
"lg": 1.5
|
|
1016
|
+
}
|
|
1017
|
+
},
|
|
1018
|
+
"default-font-weights": {
|
|
1019
|
+
"type": "Map",
|
|
1020
|
+
"value": "(thin: 100, extra-light: 200, light: 300, normal: 400, medium: 500, semibold: 600, bold: 700, extra-bold: 800, \"black\": 900)",
|
|
1021
|
+
"prettyValue": {
|
|
1022
|
+
"thin": 100,
|
|
1023
|
+
"extra-light": 200,
|
|
1024
|
+
"light": 300,
|
|
1025
|
+
"normal": 400,
|
|
1026
|
+
"medium": 500,
|
|
1027
|
+
"semibold": 600,
|
|
1028
|
+
"bold": 700,
|
|
1029
|
+
"extra-bold": 800,
|
|
1030
|
+
"black": 900
|
|
1031
|
+
}
|
|
1032
|
+
},
|
|
1033
|
+
"default-letter-spacings": {
|
|
1034
|
+
"type": "Map",
|
|
1035
|
+
"value": "(tightest: -0.5px, tighter: -0.25px, tight: -0.1px, normal: 0.25px, wide: 0.1px, wider: 0.25px, widest: 0.5px)",
|
|
1036
|
+
"prettyValue": {
|
|
1037
|
+
"tightest": "-0.5px",
|
|
1038
|
+
"tighter": "-0.25px",
|
|
1039
|
+
"tight": "-0.1px",
|
|
1040
|
+
"normal": "0.25px",
|
|
1041
|
+
"wide": "0.1px",
|
|
1042
|
+
"wider": "0.25px",
|
|
1043
|
+
"widest": "0.5px"
|
|
1044
|
+
}
|
|
1045
|
+
},
|
|
1046
|
+
"default-font-families": {
|
|
1047
|
+
"type": "Map",
|
|
1048
|
+
"value": "(sans-serif: (Roboto, \"Helvetica Neue\", sans-serif), monospace: (Consolas, \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace))",
|
|
1049
|
+
"prettyValue": {
|
|
1050
|
+
"sans-serif": "(Roboto, \"Helvetica Neue\", sans-serif)",
|
|
1051
|
+
"monospace": "(Consolas, \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace)"
|
|
1052
|
+
}
|
|
1053
|
+
},
|
|
783
1054
|
"kendo-font-sizes": {
|
|
784
1055
|
"type": "Map",
|
|
785
1056
|
"value": "(xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
|
|
@@ -873,6 +1144,21 @@
|
|
|
873
1144
|
"type": "Number",
|
|
874
1145
|
"value": "9999px"
|
|
875
1146
|
},
|
|
1147
|
+
"default-border-radii": {
|
|
1148
|
+
"type": "Map",
|
|
1149
|
+
"value": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, xl: 0.75rem, xxl: 1rem, xxxl: 1.25rem, full: 9999px)",
|
|
1150
|
+
"prettyValue": {
|
|
1151
|
+
"none": "0px",
|
|
1152
|
+
"xs": "1px",
|
|
1153
|
+
"sm": "0.125rem",
|
|
1154
|
+
"md": "0.25rem",
|
|
1155
|
+
"lg": "0.5rem",
|
|
1156
|
+
"xl": "0.75rem",
|
|
1157
|
+
"xxl": "1rem",
|
|
1158
|
+
"xxxl": "1.25rem",
|
|
1159
|
+
"full": "9999px"
|
|
1160
|
+
}
|
|
1161
|
+
},
|
|
876
1162
|
"kendo-border-radii": {
|
|
877
1163
|
"type": "Map",
|
|
878
1164
|
"value": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.5rem, xl: 0.75rem, xxl: 1rem, xxxl: 1.25rem, full: 9999px)",
|
|
@@ -6788,6 +7074,33 @@
|
|
|
6788
7074
|
"type": "Calculation",
|
|
6789
7075
|
"value": "calc(48px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
|
|
6790
7076
|
},
|
|
7077
|
+
"kendo-datetime-sm-width": {
|
|
7078
|
+
"type": "Calculation",
|
|
7079
|
+
"value": "calc(40px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
|
|
7080
|
+
},
|
|
7081
|
+
"kendo-datetime-md-width": {
|
|
7082
|
+
"type": "Calculation",
|
|
7083
|
+
"value": "calc(48px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
|
|
7084
|
+
},
|
|
7085
|
+
"kendo-datetime-lg-width": {
|
|
7086
|
+
"type": "Calculation",
|
|
7087
|
+
"value": "calc(56px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
|
|
7088
|
+
},
|
|
7089
|
+
"kendo-datetime-sizes": {
|
|
7090
|
+
"type": "Map",
|
|
7091
|
+
"value": "(sm: (width: calc(40px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)), md: (width: calc(48px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)), lg: (width: calc(56px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)))",
|
|
7092
|
+
"prettyValue": {
|
|
7093
|
+
"sm": {
|
|
7094
|
+
"width": "calc(40px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
|
|
7095
|
+
},
|
|
7096
|
+
"md": {
|
|
7097
|
+
"width": "calc(48px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
|
|
7098
|
+
},
|
|
7099
|
+
"lg": {
|
|
7100
|
+
"width": "calc(56px * 8 + var(--kendo-spacing-1, 0.25rem) * 2)"
|
|
7101
|
+
}
|
|
7102
|
+
}
|
|
7103
|
+
},
|
|
6791
7104
|
"kendo-daterange-picker-input-width": {
|
|
6792
7105
|
"type": "Number",
|
|
6793
7106
|
"value": "10em"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-material",
|
|
3
3
|
"description": "Material theme 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": [
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
57
|
"@progress/kendo-svg-icons": "^4.5.0",
|
|
58
|
-
"@progress/kendo-theme-core": "12.1.0
|
|
59
|
-
"@progress/kendo-theme-utils": "12.1.0
|
|
58
|
+
"@progress/kendo-theme-core": "12.1.0",
|
|
59
|
+
"@progress/kendo-theme-utils": "12.1.0"
|
|
60
60
|
},
|
|
61
61
|
"directories": {
|
|
62
62
|
"doc": "docs",
|
|
63
63
|
"lib": "lib"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "c21230377775b7e87f6c8c6590409f0c2d41d99f"
|
|
66
66
|
}
|
package/scss/core/_index.scss
CHANGED
|
@@ -18,32 +18,32 @@
|
|
|
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-letter-spacings: $kendo-letter-spacings,
|
|
36
36
|
$kendo-letter-spacings: $kendo-letter-spacings !default,
|
|
37
37
|
$kendo-letter-spacing: $kendo-letter-spacing !default,
|
|
38
38
|
|
|
39
|
-
$
|
|
39
|
+
$default-font-families: $kendo-font-families,
|
|
40
40
|
$kendo-font-families: $kendo-font-families !default,
|
|
41
41
|
$kendo-font-family: $kendo-font-family !default,
|
|
42
42
|
// Radii
|
|
43
|
-
$
|
|
43
|
+
$default-border-radii: $kendo-border-radii,
|
|
44
44
|
$kendo-border-radii: $kendo-border-radii !default,
|
|
45
45
|
// Spacing
|
|
46
|
-
$
|
|
46
|
+
$default-spacing: $kendo-spacing,
|
|
47
47
|
$kendo-spacing: $kendo-spacing !default,
|
|
48
48
|
);
|
|
49
49
|
|
|
@@ -1,8 +1,39 @@
|
|
|
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
|
@forward "@progress/kendo-theme-core/scss/components/datetimepicker/_variables.scss" with (
|
|
7
|
-
$kendo-datetime-width: $kendo-datetime-width
|
|
34
|
+
$kendo-datetime-width: $kendo-datetime-width,
|
|
35
|
+
$kendo-datetime-sm-width: $kendo-datetime-sm-width,
|
|
36
|
+
$kendo-datetime-md-width: $kendo-datetime-md-width,
|
|
37
|
+
$kendo-datetime-lg-width: $kendo-datetime-lg-width,
|
|
38
|
+
$kendo-datetime-sizes: $kendo-datetime-sizes
|
|
8
39
|
);
|