@progress/kendo-theme-core 8.0.2-dev.4 → 8.1.0-dev.1

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 (18) hide show
  1. package/dist/all.css +721 -105
  2. package/dist/all.scss +906 -146
  3. package/dist/meta/sassdoc-data.json +1085 -307
  4. package/dist/meta/sassdoc-raw-data.json +125 -0
  5. package/dist/meta/variables.json +1249 -22
  6. package/package.json +2 -2
  7. package/scss/_variables.scss +1 -4
  8. package/scss/color-system/_swatch-legacy.scss +16 -3
  9. package/scss/mixins/_disabled.scss +4 -10
  10. package/scss/module-system/_components.scss +2 -0
  11. package/scss/module-system/_dependencies.scss +6 -2
  12. package/scss/styles/_animations.scss +693 -0
  13. package/scss/styles/_base.scss +17 -4
  14. package/scss/styles/_resizing.scss +124 -0
  15. package/scss/styles/_scrollbar.scss +27 -0
  16. package/scss/styles/_selection.scss +14 -3
  17. package/scss/styles/index.import.scss +6 -2
  18. package/scss/styles/_loading.scss +0 -127
package/dist/meta/sassdoc-data.json CHANGED
@@ -358,7 +358,156 @@
358
358
  }
359
359
  ],
360
360
  "resolvedValue": "(app-surface: null, on-app-surface: null, subtle: null, surface: null, surface-alt: null, border: null, border-alt: null, base-subtle: null, base-subtle-hover: null, base-subtle-active: null, base: null, base-hover: null, base-active: null, base-emphasis: null, base-on-subtle: null, on-base: null, base-on-surface: null, primary-subtle: null, primary-subtle-hover: null, primary-subtle-active: null, primary: null, primary-hover: null, primary-active: null, primary-emphasis: null, primary-on-subtle: null, on-primary: null, primary-on-surface: null, secondary-subtle: null, secondary-subtle-hover: null, secondary-subtle-active: null, secondary: null, secondary-hover: null, secondary-active: null, secondary-emphasis: null, secondary-on-subtle: null, on-secondary: null, secondary-on-surface: null, tertiary-subtle: null, tertiary-subtle-hover: null, tertiary-subtle-active: null, tertiary: null, tertiary-hover: null, tertiary-active: null, tertiary-emphasis: null, tertiary-on-subtle: null, on-tertiary: null, tertiary-on-surface: null, info-subtle: null, info-subtle-hover: null, info-subtle-active: null, info: null, info-hover: null, info-active: null, info-emphasis: null, info-on-subtle: null, on-info: null, info-on-surface: null, success-subtle: null, success-subtle-hover: null, success-subtle-active: null, success: null, success-hover: null, success-active: null, success-emphasis: null, success-on-subtle: null, on-success: null, success-on-surface: null, warning-subtle: null, warning-subtle-hover: null, warning-subtle-active: null, warning: null, warning-hover: null, warning-active: null, warning-emphasis: null, warning-on-subtle: null, on-warning: null, warning-on-surface: null, error-subtle: null, error-subtle-hover: null, error-subtle-active: null, error: null, error-hover: null, error-active: null, error-emphasis: null, error-on-subtle: null, on-error: null, error-on-surface: null, light-subtle: null, light-subtle-hover: null, light-subtle-active: null, light: null, light-hover: null, light-active: null, light-emphasis: null, light-on-subtle: null, on-light: null, light-on-surface: null, dark-subtle: null, dark-subtle-hover: null, dark-subtle-active: null, dark: null, dark-hover: null, dark-active: null, dark-emphasis: null, dark-on-subtle: null, on-dark: null, dark-on-surface: null, inverse-subtle: null, inverse-subtle-hover: null, inverse-subtle-active: null, inverse: null, inverse-hover: null, inverse-active: null, inverse-emphasis: null, inverse-on-subtle: null, on-inverse: null, inverse-on-surface: null, series-a: null, series-a-bold: null, series-a-bolder: null, series-a-subtle: null, series-a-subtler: null, series-b: null, series-b-bold: null, series-b-bolder: null, series-b-subtle: null, series-b-subtler: null, series-c: null, series-c-bold: null, series-c-bolder: null, series-c-subtle: null, series-c-subtler: null, series-d: null, series-d-bold: null, series-d-bolder: null, series-d-subtle: null, series-d-subtler: null, series-e: null, series-e-bold: null, series-e-bolder: null, series-e-subtle: null, series-e-subtler: null, series-f: null, series-f-bold: null, series-f-bolder: null, series-f-subtle: null, series-f-subtler: null)",
361
- "resolvedType": "Map"
361
+ "resolvedType": "Map",
362
+ "prettyValue": {
363
+ "app-surface": null,
364
+ "on-app-surface": null,
365
+ "subtle": null,
366
+ "surface": null,
367
+ "surface-alt": null,
368
+ "border": null,
369
+ "border-alt": null,
370
+ "base-subtle": null,
371
+ "base-subtle-hover": null,
372
+ "base-subtle-active": null,
373
+ "base": null,
374
+ "base-hover": null,
375
+ "base-active": null,
376
+ "base-emphasis": null,
377
+ "base-on-subtle": null,
378
+ "on-base": null,
379
+ "base-on-surface": null,
380
+ "primary-subtle": null,
381
+ "primary-subtle-hover": null,
382
+ "primary-subtle-active": null,
383
+ "primary": null,
384
+ "primary-hover": null,
385
+ "primary-active": null,
386
+ "primary-emphasis": null,
387
+ "primary-on-subtle": null,
388
+ "on-primary": null,
389
+ "primary-on-surface": null,
390
+ "secondary-subtle": null,
391
+ "secondary-subtle-hover": null,
392
+ "secondary-subtle-active": null,
393
+ "secondary": null,
394
+ "secondary-hover": null,
395
+ "secondary-active": null,
396
+ "secondary-emphasis": null,
397
+ "secondary-on-subtle": null,
398
+ "on-secondary": null,
399
+ "secondary-on-surface": null,
400
+ "tertiary-subtle": null,
401
+ "tertiary-subtle-hover": null,
402
+ "tertiary-subtle-active": null,
403
+ "tertiary": null,
404
+ "tertiary-hover": null,
405
+ "tertiary-active": null,
406
+ "tertiary-emphasis": null,
407
+ "tertiary-on-subtle": null,
408
+ "on-tertiary": null,
409
+ "tertiary-on-surface": null,
410
+ "info-subtle": null,
411
+ "info-subtle-hover": null,
412
+ "info-subtle-active": null,
413
+ "info": null,
414
+ "info-hover": null,
415
+ "info-active": null,
416
+ "info-emphasis": null,
417
+ "info-on-subtle": null,
418
+ "on-info": null,
419
+ "info-on-surface": null,
420
+ "success-subtle": null,
421
+ "success-subtle-hover": null,
422
+ "success-subtle-active": null,
423
+ "success": null,
424
+ "success-hover": null,
425
+ "success-active": null,
426
+ "success-emphasis": null,
427
+ "success-on-subtle": null,
428
+ "on-success": null,
429
+ "success-on-surface": null,
430
+ "warning-subtle": null,
431
+ "warning-subtle-hover": null,
432
+ "warning-subtle-active": null,
433
+ "warning": null,
434
+ "warning-hover": null,
435
+ "warning-active": null,
436
+ "warning-emphasis": null,
437
+ "warning-on-subtle": null,
438
+ "on-warning": null,
439
+ "warning-on-surface": null,
440
+ "error-subtle": null,
441
+ "error-subtle-hover": null,
442
+ "error-subtle-active": null,
443
+ "error": null,
444
+ "error-hover": null,
445
+ "error-active": null,
446
+ "error-emphasis": null,
447
+ "error-on-subtle": null,
448
+ "on-error": null,
449
+ "error-on-surface": null,
450
+ "light-subtle": null,
451
+ "light-subtle-hover": null,
452
+ "light-subtle-active": null,
453
+ "light": null,
454
+ "light-hover": null,
455
+ "light-active": null,
456
+ "light-emphasis": null,
457
+ "light-on-subtle": null,
458
+ "on-light": null,
459
+ "light-on-surface": null,
460
+ "dark-subtle": null,
461
+ "dark-subtle-hover": null,
462
+ "dark-subtle-active": null,
463
+ "dark": null,
464
+ "dark-hover": null,
465
+ "dark-active": null,
466
+ "dark-emphasis": null,
467
+ "dark-on-subtle": null,
468
+ "on-dark": null,
469
+ "dark-on-surface": null,
470
+ "inverse-subtle": null,
471
+ "inverse-subtle-hover": null,
472
+ "inverse-subtle-active": null,
473
+ "inverse": null,
474
+ "inverse-hover": null,
475
+ "inverse-active": null,
476
+ "inverse-emphasis": null,
477
+ "inverse-on-subtle": null,
478
+ "on-inverse": null,
479
+ "inverse-on-surface": null,
480
+ "series-a": null,
481
+ "series-a-bold": null,
482
+ "series-a-bolder": null,
483
+ "series-a-subtle": null,
484
+ "series-a-subtler": null,
485
+ "series-b": null,
486
+ "series-b-bold": null,
487
+ "series-b-bolder": null,
488
+ "series-b-subtle": null,
489
+ "series-b-subtler": null,
490
+ "series-c": null,
491
+ "series-c-bold": null,
492
+ "series-c-bolder": null,
493
+ "series-c-subtle": null,
494
+ "series-c-subtler": null,
495
+ "series-d": null,
496
+ "series-d-bold": null,
497
+ "series-d-bolder": null,
498
+ "series-d-subtle": null,
499
+ "series-d-subtler": null,
500
+ "series-e": null,
501
+ "series-e-bold": null,
502
+ "series-e-bolder": null,
503
+ "series-e-subtle": null,
504
+ "series-e-subtler": null,
505
+ "series-f": null,
506
+ "series-f-bold": null,
507
+ "series-f-bolder": null,
508
+ "series-f-subtle": null,
509
+ "series-f-subtler": null
510
+ }
362
511
  },
363
512
  {
364
513
  "description": "The global default Elevation map.\n",
@@ -385,7 +534,18 @@
385
534
  "name": "index.import.scss"
386
535
  },
387
536
  "resolvedValue": "(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)))",
388
- "resolvedType": "Map"
537
+ "resolvedType": "Map",
538
+ "prettyValue": {
539
+ "1": "0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)",
540
+ "2": "0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)",
541
+ "3": "0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)",
542
+ "4": "0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)",
543
+ "5": "0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)",
544
+ "6": "0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)",
545
+ "7": "0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)",
546
+ "8": "0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)",
547
+ "9": "0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)"
548
+ }
389
549
  },
390
550
  {
391
551
  "description": "The none border radius used across the Components.\n",
@@ -655,7 +815,18 @@
655
815
  "name": "index.import.scss"
656
816
  },
657
817
  "resolvedValue": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
658
- "resolvedType": "Map"
818
+ "resolvedType": "Map",
819
+ "prettyValue": {
820
+ "none": "0px",
821
+ "xs": "1px",
822
+ "sm": "0.125rem",
823
+ "md": "0.25rem",
824
+ "lg": "0.375rem",
825
+ "xl": "0.5rem",
826
+ "xxl": "0.75rem",
827
+ "xxxl": "1rem",
828
+ "full": "9999px"
829
+ }
659
830
  },
660
831
  {
661
832
  "description": "The global default Spacing map.\n",
@@ -682,7 +853,49 @@
682
853
  "name": "index.import.scss"
683
854
  },
684
855
  "resolvedValue": "(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)",
685
- "resolvedType": "Map"
856
+ "resolvedType": "Map",
857
+ "prettyValue": {
858
+ "0": "0px",
859
+ "1": "0.25rem",
860
+ "2": "0.5rem",
861
+ "3": "0.75rem",
862
+ "4": "1rem",
863
+ "5": "1.25rem",
864
+ "6": "1.5rem",
865
+ "7": "1.75rem",
866
+ "8": "2rem",
867
+ "9": "2.25rem",
868
+ "10": "2.5rem",
869
+ "11": "2.75rem",
870
+ "12": "3rem",
871
+ "13": "3.25rem",
872
+ "14": "3.5rem",
873
+ "15": "3.75rem",
874
+ "16": "4rem",
875
+ "17": "4.25rem",
876
+ "18": "4.5rem",
877
+ "19": "4.75rem",
878
+ "20": "5rem",
879
+ "21": "5.25rem",
880
+ "22": "5.5rem",
881
+ "23": "5.75rem",
882
+ "24": "6rem",
883
+ "25": "7rem",
884
+ "26": "8rem",
885
+ "27": "9rem",
886
+ "28": "10rem",
887
+ "29": "11rem",
888
+ "30": "12rem",
889
+ "1px": "1px",
890
+ "0.5": "0.125rem",
891
+ "1.5": "0.375rem",
892
+ "2.5": "0.625rem",
893
+ "3.5": "0.875rem",
894
+ "4.5": "1.125rem",
895
+ "5.5": "1.375rem",
896
+ "6.5": "1.625rem",
897
+ "7.5": "1.875rem"
898
+ }
686
899
  },
687
900
  {
688
901
  "description": "The base font size across all components.\n",
@@ -1681,7 +1894,15 @@
1681
1894
  "name": "index.import.scss"
1682
1895
  },
1683
1896
  "resolvedValue": "(xxs: 0.5rem, xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
1684
- "resolvedType": "Map"
1897
+ "resolvedType": "Map",
1898
+ "prettyValue": {
1899
+ "xxs": "0.5rem",
1900
+ "xs": "0.625rem",
1901
+ "sm": "0.75rem",
1902
+ "md": "0.875rem",
1903
+ "lg": "1rem",
1904
+ "xl": "1.25rem"
1905
+ }
1685
1906
  },
1686
1907
  {
1687
1908
  "description": "The line heights map\n",
@@ -1708,7 +1929,13 @@
1708
1929
  "name": "index.import.scss"
1709
1930
  },
1710
1931
  "resolvedValue": "(xs: 1, sm: 1.25, md: 1.4285714286, lg: 1.5)",
1711
- "resolvedType": "Map"
1932
+ "resolvedType": "Map",
1933
+ "prettyValue": {
1934
+ "xs": 1,
1935
+ "sm": 1.25,
1936
+ "md": 1.4285714285714286,
1937
+ "lg": 1.5
1938
+ }
1712
1939
  },
1713
1940
  {
1714
1941
  "description": "The font weights map\n",
@@ -1735,7 +1962,16 @@
1735
1962
  "name": "index.import.scss"
1736
1963
  },
1737
1964
  "resolvedValue": "(thin: 100, extra-light: 200, light: 300, normal: 400, medium: 500, semibold: 600, bold: 700)",
1738
- "resolvedType": "Map"
1965
+ "resolvedType": "Map",
1966
+ "prettyValue": {
1967
+ "thin": 100,
1968
+ "extra-light": 200,
1969
+ "light": 300,
1970
+ "normal": 400,
1971
+ "medium": 500,
1972
+ "semibold": 600,
1973
+ "bold": 700
1974
+ }
1739
1975
  },
1740
1976
  {
1741
1977
  "description": "The letter spacings map\n",
@@ -1762,7 +1998,16 @@
1762
1998
  "name": "index.import.scss"
1763
1999
  },
1764
2000
  "resolvedValue": "(tightest: -0.15px, tighter: -0.1px, tight: -0.5px, normal: 0px, wide: 0.5px, wider: 0.1px, widest: 0.15px)",
1765
- "resolvedType": "Map"
2001
+ "resolvedType": "Map",
2002
+ "prettyValue": {
2003
+ "tightest": "-0.15px",
2004
+ "tighter": "-0.1px",
2005
+ "tight": "-0.5px",
2006
+ "normal": "0px",
2007
+ "wide": "0.5px",
2008
+ "wider": "0.1px",
2009
+ "widest": "0.15px"
2010
+ }
1766
2011
  },
1767
2012
  {
1768
2013
  "description": "The font families map\n",
@@ -1789,7 +2034,148 @@
1789
2034
  "name": "index.import.scss"
1790
2035
  },
1791
2036
  "resolvedValue": "(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))",
1792
- "resolvedType": "Map"
2037
+ "resolvedType": "Map",
2038
+ "prettyValue": {
2039
+ "sans": "Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans",
2040
+ "serif": "\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville",
2041
+ "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\"",
2042
+ "monospace": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace"
2043
+ }
2044
+ },
2045
+ {
2046
+ "description": "The background color of disabled items.\n",
2047
+ "commentRange": {
2048
+ "start": 41,
2049
+ "end": 41
2050
+ },
2051
+ "context": {
2052
+ "type": "variable",
2053
+ "name": "kendo-disabled-bg",
2054
+ "value": "null",
2055
+ "scope": "default",
2056
+ "line": {
2057
+ "start": 42,
2058
+ "end": 42
2059
+ }
2060
+ },
2061
+ "access": "public",
2062
+ "group": [
2063
+ "undefined"
2064
+ ],
2065
+ "file": {
2066
+ "path": "core/scss/color-system/_swatch-legacy.scss",
2067
+ "name": "_swatch-legacy.scss"
2068
+ },
2069
+ "resolvedValue": "null",
2070
+ "resolvedType": "Null"
2071
+ },
2072
+ {
2073
+ "description": "The text color of disabled items.\n",
2074
+ "commentRange": {
2075
+ "start": 43,
2076
+ "end": 43
2077
+ },
2078
+ "context": {
2079
+ "type": "variable",
2080
+ "name": "kendo-disabled-text",
2081
+ "value": "null",
2082
+ "scope": "default",
2083
+ "line": {
2084
+ "start": 44,
2085
+ "end": 44
2086
+ }
2087
+ },
2088
+ "access": "public",
2089
+ "group": [
2090
+ "undefined"
2091
+ ],
2092
+ "file": {
2093
+ "path": "core/scss/color-system/_swatch-legacy.scss",
2094
+ "name": "_swatch-legacy.scss"
2095
+ },
2096
+ "resolvedValue": "null",
2097
+ "resolvedType": "Null"
2098
+ },
2099
+ {
2100
+ "description": "The border color of disabled items.\n",
2101
+ "commentRange": {
2102
+ "start": 45,
2103
+ "end": 45
2104
+ },
2105
+ "context": {
2106
+ "type": "variable",
2107
+ "name": "kendo-disabled-border",
2108
+ "value": "null",
2109
+ "scope": "default",
2110
+ "line": {
2111
+ "start": 46,
2112
+ "end": 46
2113
+ }
2114
+ },
2115
+ "access": "public",
2116
+ "group": [
2117
+ "undefined"
2118
+ ],
2119
+ "file": {
2120
+ "path": "core/scss/color-system/_swatch-legacy.scss",
2121
+ "name": "_swatch-legacy.scss"
2122
+ },
2123
+ "resolvedValue": "null",
2124
+ "resolvedType": "Null"
2125
+ },
2126
+ {
2127
+ "description": "The opacity of disabled items.\n",
2128
+ "commentRange": {
2129
+ "start": 47,
2130
+ "end": 47
2131
+ },
2132
+ "context": {
2133
+ "type": "variable",
2134
+ "name": "kendo-disabled-opacity",
2135
+ "value": "null",
2136
+ "scope": "default",
2137
+ "line": {
2138
+ "start": 48,
2139
+ "end": 48
2140
+ }
2141
+ },
2142
+ "access": "public",
2143
+ "group": [
2144
+ "undefined"
2145
+ ],
2146
+ "file": {
2147
+ "path": "core/scss/color-system/_swatch-legacy.scss",
2148
+ "name": "_swatch-legacy.scss"
2149
+ },
2150
+ "resolvedValue": "null",
2151
+ "resolvedType": "Null"
2152
+ },
2153
+ {
2154
+ "description": "The filter of disabled items.\n",
2155
+ "commentRange": {
2156
+ "start": 49,
2157
+ "end": 49
2158
+ },
2159
+ "context": {
2160
+ "type": "variable",
2161
+ "name": "kendo-disabled-filter",
2162
+ "value": "null",
2163
+ "scope": "default",
2164
+ "line": {
2165
+ "start": 50,
2166
+ "end": 50
2167
+ }
2168
+ },
2169
+ "access": "public",
2170
+ "group": [
2171
+ "undefined"
2172
+ ],
2173
+ "file": {
2174
+ "path": "core/scss/color-system/_swatch-legacy.scss",
2175
+ "name": "_swatch-legacy.scss"
2176
+ },
2177
+ "resolvedValue": "null",
2178
+ "resolvedType": "Null"
1793
2179
  }
1794
2180
  ],
1795
2181
  "mixins": [
@@ -9762,6 +10148,147 @@
9762
10148
  }
9763
10149
  ],
9764
10150
  "variableGroups": [
10151
+ {
10152
+ "id": "common",
10153
+ "title": "Common",
10154
+ "variables": [
10155
+ {
10156
+ "description": "The background color of disabled items.\n",
10157
+ "commentRange": {
10158
+ "start": 41,
10159
+ "end": 41
10160
+ },
10161
+ "context": {
10162
+ "type": "variable",
10163
+ "name": "kendo-disabled-bg",
10164
+ "value": "null",
10165
+ "scope": "default",
10166
+ "line": {
10167
+ "start": 42,
10168
+ "end": 42
10169
+ }
10170
+ },
10171
+ "access": "public",
10172
+ "group": [
10173
+ "undefined"
10174
+ ],
10175
+ "file": {
10176
+ "path": "core/scss/color-system/_swatch-legacy.scss",
10177
+ "name": "_swatch-legacy.scss"
10178
+ },
10179
+ "resolvedValue": "null",
10180
+ "resolvedType": "Null"
10181
+ },
10182
+ {
10183
+ "description": "The text color of disabled items.\n",
10184
+ "commentRange": {
10185
+ "start": 43,
10186
+ "end": 43
10187
+ },
10188
+ "context": {
10189
+ "type": "variable",
10190
+ "name": "kendo-disabled-text",
10191
+ "value": "null",
10192
+ "scope": "default",
10193
+ "line": {
10194
+ "start": 44,
10195
+ "end": 44
10196
+ }
10197
+ },
10198
+ "access": "public",
10199
+ "group": [
10200
+ "undefined"
10201
+ ],
10202
+ "file": {
10203
+ "path": "core/scss/color-system/_swatch-legacy.scss",
10204
+ "name": "_swatch-legacy.scss"
10205
+ },
10206
+ "resolvedValue": "null",
10207
+ "resolvedType": "Null"
10208
+ },
10209
+ {
10210
+ "description": "The border color of disabled items.\n",
10211
+ "commentRange": {
10212
+ "start": 45,
10213
+ "end": 45
10214
+ },
10215
+ "context": {
10216
+ "type": "variable",
10217
+ "name": "kendo-disabled-border",
10218
+ "value": "null",
10219
+ "scope": "default",
10220
+ "line": {
10221
+ "start": 46,
10222
+ "end": 46
10223
+ }
10224
+ },
10225
+ "access": "public",
10226
+ "group": [
10227
+ "undefined"
10228
+ ],
10229
+ "file": {
10230
+ "path": "core/scss/color-system/_swatch-legacy.scss",
10231
+ "name": "_swatch-legacy.scss"
10232
+ },
10233
+ "resolvedValue": "null",
10234
+ "resolvedType": "Null"
10235
+ },
10236
+ {
10237
+ "description": "The opacity of disabled items.\n",
10238
+ "commentRange": {
10239
+ "start": 47,
10240
+ "end": 47
10241
+ },
10242
+ "context": {
10243
+ "type": "variable",
10244
+ "name": "kendo-disabled-opacity",
10245
+ "value": "null",
10246
+ "scope": "default",
10247
+ "line": {
10248
+ "start": 48,
10249
+ "end": 48
10250
+ }
10251
+ },
10252
+ "access": "public",
10253
+ "group": [
10254
+ "undefined"
10255
+ ],
10256
+ "file": {
10257
+ "path": "core/scss/color-system/_swatch-legacy.scss",
10258
+ "name": "_swatch-legacy.scss"
10259
+ },
10260
+ "resolvedValue": "null",
10261
+ "resolvedType": "Null"
10262
+ },
10263
+ {
10264
+ "description": "The filter of disabled items.\n",
10265
+ "commentRange": {
10266
+ "start": 49,
10267
+ "end": 49
10268
+ },
10269
+ "context": {
10270
+ "type": "variable",
10271
+ "name": "kendo-disabled-filter",
10272
+ "value": "null",
10273
+ "scope": "default",
10274
+ "line": {
10275
+ "start": 50,
10276
+ "end": 50
10277
+ }
10278
+ },
10279
+ "access": "public",
10280
+ "group": [
10281
+ "undefined"
10282
+ ],
10283
+ "file": {
10284
+ "path": "core/scss/color-system/_swatch-legacy.scss",
10285
+ "name": "_swatch-legacy.scss"
10286
+ },
10287
+ "resolvedValue": "null",
10288
+ "resolvedType": "Null"
10289
+ }
10290
+ ]
10291
+ },
9765
10292
  {
9766
10293
  "id": "accessibility",
9767
10294
  "title": "Accessibility",
@@ -9863,583 +10390,754 @@
9863
10390
  ]
9864
10391
  },
9865
10392
  {
9866
- "id": "color-system",
9867
- "title": "Color System",
10393
+ "id": "radii",
10394
+ "title": "Border Radius",
9868
10395
  "variables": [
9869
10396
  {
9870
- "description": "The color white.\nNote: you cannot change this value.\n",
10397
+ "description": "The none border radius used across the Components.\n",
9871
10398
  "commentRange": {
9872
- "start": 3,
9873
- "end": 6
10399
+ "start": 1,
10400
+ "end": 2
9874
10401
  },
9875
10402
  "context": {
9876
10403
  "type": "variable",
9877
- "name": "kendo-color-white",
9878
- "value": "#ffffff",
9879
- "scope": "private",
10404
+ "name": "kendo-border-radius-none",
10405
+ "value": "k-map-get($kendo-spacing, 0)",
10406
+ "scope": "default",
9880
10407
  "line": {
9881
- "start": 7,
9882
- "end": 7
10408
+ "start": 3,
10409
+ "end": 3
9883
10410
  }
9884
10411
  },
9885
- "type": "Color",
9886
10412
  "group": [
9887
- "color-system"
10413
+ "radii"
9888
10414
  ],
9889
10415
  "access": "public",
9890
10416
  "file": {
9891
- "path": "core/scss/color-system/_constants.scss",
9892
- "name": "_constants.scss"
9893
- },
9894
- "resolvedValue": "#ffffff",
9895
- "resolvedType": "Color"
10417
+ "path": "core/scss/border-radii/index.import.scss",
10418
+ "name": "index.import.scss"
10419
+ },
10420
+ "resolvedValue": "0px",
10421
+ "resolvedType": "Number"
9896
10422
  },
9897
10423
  {
9898
- "description": "The color black.\nNote: you cannot change this value.\n",
10424
+ "description": "The extra small border radius used across the Components.\n",
9899
10425
  "commentRange": {
9900
- "start": 9,
9901
- "end": 12
10426
+ "start": 4,
10427
+ "end": 5
9902
10428
  },
9903
10429
  "context": {
9904
10430
  "type": "variable",
9905
- "name": "kendo-color-black",
9906
- "value": "#000000",
9907
- "scope": "private",
10431
+ "name": "kendo-border-radius-xs",
10432
+ "value": "k-map-get($kendo-spacing, 1px)",
10433
+ "scope": "default",
9908
10434
  "line": {
9909
- "start": 13,
9910
- "end": 13
10435
+ "start": 6,
10436
+ "end": 6
9911
10437
  }
9912
10438
  },
9913
- "type": "Color",
9914
10439
  "group": [
9915
- "color-system"
10440
+ "radii"
9916
10441
  ],
9917
10442
  "access": "public",
9918
10443
  "file": {
9919
- "path": "core/scss/color-system/_constants.scss",
9920
- "name": "_constants.scss"
10444
+ "path": "core/scss/border-radii/index.import.scss",
10445
+ "name": "index.import.scss"
9921
10446
  },
9922
- "resolvedValue": "#000000",
9923
- "resolvedType": "Color"
10447
+ "resolvedValue": "1px",
10448
+ "resolvedType": "Number"
9924
10449
  },
9925
10450
  {
9926
- "description": "The color transparent.\nNote: you cannot change this value.\n",
10451
+ "description": "The small border radius used across the Components.\n",
9927
10452
  "commentRange": {
9928
- "start": 15,
9929
- "end": 18
10453
+ "start": 7,
10454
+ "end": 8
9930
10455
  },
9931
10456
  "context": {
9932
10457
  "type": "variable",
9933
- "name": "kendo-color-rgba-transparent",
9934
- "value": "rgba(0, 0, 0, 0)",
9935
- "scope": "private",
10458
+ "name": "kendo-border-radius-sm",
10459
+ "value": "k-map-get($kendo-spacing, 0.5)",
10460
+ "scope": "default",
9936
10461
  "line": {
9937
- "start": 19,
9938
- "end": 19
10462
+ "start": 9,
10463
+ "end": 9
9939
10464
  }
9940
10465
  },
9941
- "type": "Color",
9942
10466
  "group": [
9943
- "color-system"
10467
+ "radii"
9944
10468
  ],
9945
10469
  "access": "public",
9946
10470
  "file": {
9947
- "path": "core/scss/color-system/_constants.scss",
9948
- "name": "_constants.scss"
10471
+ "path": "core/scss/border-radii/index.import.scss",
10472
+ "name": "index.import.scss"
9949
10473
  },
9950
- "resolvedValue": "rgba(0, 0, 0, 0)",
9951
- "resolvedType": "Color"
10474
+ "resolvedValue": "0.125rem",
10475
+ "resolvedType": "Number"
9952
10476
  },
9953
10477
  {
9954
- "description": "A gradient that goes from transparent to black.\nNote: you cannot change this value.\n",
10478
+ "description": "The medium border radius used across the Components.\n",
9955
10479
  "commentRange": {
9956
- "start": 21,
9957
- "end": 24
10480
+ "start": 10,
10481
+ "end": 11
9958
10482
  },
9959
10483
  "context": {
9960
10484
  "type": "variable",
9961
- "name": "kendo-gradient-transparent-to-black",
9962
- "value": "rgba(black, 0), black",
9963
- "scope": "private",
10485
+ "name": "kendo-border-radius-md",
10486
+ "value": "k-map-get($kendo-spacing, 1)",
10487
+ "scope": "default",
9964
10488
  "line": {
9965
- "start": 25,
9966
- "end": 25
10489
+ "start": 12,
10490
+ "end": 12
9967
10491
  }
9968
10492
  },
9969
- "type": "Gradient",
9970
10493
  "group": [
9971
- "color-system"
10494
+ "radii"
9972
10495
  ],
9973
10496
  "access": "public",
9974
10497
  "file": {
9975
- "path": "core/scss/color-system/_constants.scss",
9976
- "name": "_constants.scss"
10498
+ "path": "core/scss/border-radii/index.import.scss",
10499
+ "name": "index.import.scss"
9977
10500
  },
9978
- "resolvedValue": "rgba(0, 0, 0, 0), black",
9979
- "resolvedType": "Gradient"
10501
+ "resolvedValue": "0.25rem",
10502
+ "resolvedType": "Number"
9980
10503
  },
9981
10504
  {
9982
- "description": "A gradient that goes from transparent to white.\nNote: you cannot change this value.\n",
10505
+ "description": "The large border radius used across the Components.\n",
9983
10506
  "commentRange": {
9984
- "start": 27,
9985
- "end": 30
10507
+ "start": 13,
10508
+ "end": 14
9986
10509
  },
9987
10510
  "context": {
9988
10511
  "type": "variable",
9989
- "name": "kendo-gradient-transparent-to-white",
9990
- "value": "rgba(white, 0), white",
9991
- "scope": "private",
10512
+ "name": "kendo-border-radius-lg",
10513
+ "value": "k-map-get($kendo-spacing, 1.5)",
10514
+ "scope": "default",
9992
10515
  "line": {
9993
- "start": 31,
9994
- "end": 31
10516
+ "start": 15,
10517
+ "end": 15
9995
10518
  }
9996
10519
  },
9997
- "type": "Gradient",
9998
10520
  "group": [
9999
- "color-system"
10521
+ "radii"
10000
10522
  ],
10001
10523
  "access": "public",
10002
10524
  "file": {
10003
- "path": "core/scss/color-system/_constants.scss",
10004
- "name": "_constants.scss"
10525
+ "path": "core/scss/border-radii/index.import.scss",
10526
+ "name": "index.import.scss"
10005
10527
  },
10006
- "resolvedValue": "rgba(255, 255, 255, 0), white",
10007
- "resolvedType": "Gradient"
10528
+ "resolvedValue": "0.375rem",
10529
+ "resolvedType": "Number"
10008
10530
  },
10009
10531
  {
10010
- "description": "A gradient that goes from black to transparent.\nNote: you cannot change this value.\n",
10532
+ "description": "The extra large border radius used across the Components.\n",
10011
10533
  "commentRange": {
10012
- "start": 33,
10013
- "end": 36
10534
+ "start": 16,
10535
+ "end": 17
10014
10536
  },
10015
10537
  "context": {
10016
10538
  "type": "variable",
10017
- "name": "kendo-gradient-black-to-transparent",
10018
- "value": "black, rgba(black, 0)",
10019
- "scope": "private",
10539
+ "name": "kendo-border-radius-xl",
10540
+ "value": "k-map-get($kendo-spacing, 2)",
10541
+ "scope": "default",
10020
10542
  "line": {
10021
- "start": 37,
10022
- "end": 37
10543
+ "start": 18,
10544
+ "end": 18
10023
10545
  }
10024
10546
  },
10025
- "type": "Gradient",
10026
10547
  "group": [
10027
- "color-system"
10548
+ "radii"
10028
10549
  ],
10029
10550
  "access": "public",
10030
10551
  "file": {
10031
- "path": "core/scss/color-system/_constants.scss",
10032
- "name": "_constants.scss"
10552
+ "path": "core/scss/border-radii/index.import.scss",
10553
+ "name": "index.import.scss"
10033
10554
  },
10034
- "resolvedValue": "black, rgba(0, 0, 0, 0)",
10035
- "resolvedType": "Gradient"
10555
+ "resolvedValue": "0.5rem",
10556
+ "resolvedType": "Number"
10036
10557
  },
10037
10558
  {
10038
- "description": "A gradient that goes from white to transparent.\nNote: you cannot change this value.\n",
10559
+ "description": "The third largest border radius used across the Components.\n",
10039
10560
  "commentRange": {
10040
- "start": 39,
10041
- "end": 42
10561
+ "start": 19,
10562
+ "end": 20
10042
10563
  },
10043
10564
  "context": {
10044
10565
  "type": "variable",
10045
- "name": "kendo-gradient-white-to-transparent",
10046
- "value": "white, rgba(white, 0)",
10047
- "scope": "private",
10566
+ "name": "kendo-border-radius-xxl",
10567
+ "value": "k-map-get($kendo-spacing, 3)",
10568
+ "scope": "default",
10048
10569
  "line": {
10049
- "start": 43,
10050
- "end": 43
10570
+ "start": 21,
10571
+ "end": 21
10051
10572
  }
10052
10573
  },
10053
- "type": "Gradient",
10054
10574
  "group": [
10055
- "color-system"
10575
+ "radii"
10056
10576
  ],
10057
10577
  "access": "public",
10058
10578
  "file": {
10059
- "path": "core/scss/color-system/_constants.scss",
10060
- "name": "_constants.scss"
10579
+ "path": "core/scss/border-radii/index.import.scss",
10580
+ "name": "index.import.scss"
10061
10581
  },
10062
- "resolvedValue": "white, rgba(255, 255, 255, 0)",
10063
- "resolvedType": "Gradient"
10582
+ "resolvedValue": "0.75rem",
10583
+ "resolvedType": "Number"
10064
10584
  },
10065
10585
  {
10066
- "description": "A gradient that cycles through the colors of the rainbow.\nNote: you cannot change this value.\n",
10586
+ "description": "The second largest border radius used across the Components.\n",
10067
10587
  "commentRange": {
10068
- "start": 45,
10069
- "end": 48
10588
+ "start": 22,
10589
+ "end": 23
10070
10590
  },
10071
10591
  "context": {
10072
10592
  "type": "variable",
10073
- "name": "kendo-gradient-rainbow",
10074
- "value": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
10075
- "scope": "private",
10593
+ "name": "kendo-border-radius-xxxl",
10594
+ "value": "k-map-get($kendo-spacing, 4)",
10595
+ "scope": "default",
10076
10596
  "line": {
10077
- "start": 49,
10078
- "end": 49
10597
+ "start": 24,
10598
+ "end": 24
10079
10599
  }
10080
10600
  },
10081
- "type": "Gradient",
10082
10601
  "group": [
10083
- "color-system"
10602
+ "radii"
10084
10603
  ],
10085
10604
  "access": "public",
10086
10605
  "file": {
10087
- "path": "core/scss/color-system/_constants.scss",
10088
- "name": "_constants.scss"
10606
+ "path": "core/scss/border-radii/index.import.scss",
10607
+ "name": "index.import.scss"
10089
10608
  },
10090
- "resolvedValue": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
10091
- "resolvedType": "Gradient"
10609
+ "resolvedValue": "1rem",
10610
+ "resolvedType": "Number"
10092
10611
  },
10093
10612
  {
10094
- "description": "The global default Colors map.\n",
10613
+ "description": "The largest border radius used across the Components.\n",
10095
10614
  "commentRange": {
10096
- "start": 175,
10097
- "end": 176
10615
+ "start": 25,
10616
+ "end": 26
10098
10617
  },
10099
10618
  "context": {
10100
10619
  "type": "variable",
10101
- "name": "kendo-colors",
10102
- "value": "$_default-colors",
10620
+ "name": "kendo-border-radius-full",
10621
+ "value": "9999px",
10103
10622
  "scope": "default",
10104
10623
  "line": {
10105
- "start": 177,
10106
- "end": 177
10624
+ "start": 27,
10625
+ "end": 27
10107
10626
  }
10108
10627
  },
10109
10628
  "group": [
10110
- "color-system"
10629
+ "radii"
10111
10630
  ],
10112
10631
  "access": "public",
10113
10632
  "file": {
10114
- "path": "core/scss/color-system/_swatch.scss",
10115
- "name": "_swatch.scss"
10633
+ "path": "core/scss/border-radii/index.import.scss",
10634
+ "name": "index.import.scss"
10116
10635
  },
10117
- "usedBy": [
10118
- {
10119
- "description": "Takes a color name from the $kendo-colors map as a parameter\nand returns a CSS variable with the actual color as a fallback\n",
10120
- "context": {
10121
- "type": "function",
10122
- "name": "k-color",
10123
- "code": "\n $_color: k-map-get($kendo-colors, $key);\n\n @if ($_color) {\n @return var(--kendo-color-#{$key}, $_color);\n } @else {\n @error \"Color Variable \\`#{$key}\\` does not exists in the color collection.\";\n }\n",
10124
- "line": {
10125
- "start": 130,
10126
- "end": 138
10127
- },
10128
- "signature": "k-color($key)"
10129
- }
10130
- }
10131
- ],
10132
- "resolvedValue": "(app-surface: null, on-app-surface: null, subtle: null, surface: null, surface-alt: null, border: null, border-alt: null, base-subtle: null, base-subtle-hover: null, base-subtle-active: null, base: null, base-hover: null, base-active: null, base-emphasis: null, base-on-subtle: null, on-base: null, base-on-surface: null, primary-subtle: null, primary-subtle-hover: null, primary-subtle-active: null, primary: null, primary-hover: null, primary-active: null, primary-emphasis: null, primary-on-subtle: null, on-primary: null, primary-on-surface: null, secondary-subtle: null, secondary-subtle-hover: null, secondary-subtle-active: null, secondary: null, secondary-hover: null, secondary-active: null, secondary-emphasis: null, secondary-on-subtle: null, on-secondary: null, secondary-on-surface: null, tertiary-subtle: null, tertiary-subtle-hover: null, tertiary-subtle-active: null, tertiary: null, tertiary-hover: null, tertiary-active: null, tertiary-emphasis: null, tertiary-on-subtle: null, on-tertiary: null, tertiary-on-surface: null, info-subtle: null, info-subtle-hover: null, info-subtle-active: null, info: null, info-hover: null, info-active: null, info-emphasis: null, info-on-subtle: null, on-info: null, info-on-surface: null, success-subtle: null, success-subtle-hover: null, success-subtle-active: null, success: null, success-hover: null, success-active: null, success-emphasis: null, success-on-subtle: null, on-success: null, success-on-surface: null, warning-subtle: null, warning-subtle-hover: null, warning-subtle-active: null, warning: null, warning-hover: null, warning-active: null, warning-emphasis: null, warning-on-subtle: null, on-warning: null, warning-on-surface: null, error-subtle: null, error-subtle-hover: null, error-subtle-active: null, error: null, error-hover: null, error-active: null, error-emphasis: null, error-on-subtle: null, on-error: null, error-on-surface: null, light-subtle: null, light-subtle-hover: null, light-subtle-active: null, light: null, light-hover: null, light-active: null, light-emphasis: null, light-on-subtle: null, on-light: null, light-on-surface: null, dark-subtle: null, dark-subtle-hover: null, dark-subtle-active: null, dark: null, dark-hover: null, dark-active: null, dark-emphasis: null, dark-on-subtle: null, on-dark: null, dark-on-surface: null, inverse-subtle: null, inverse-subtle-hover: null, inverse-subtle-active: null, inverse: null, inverse-hover: null, inverse-active: null, inverse-emphasis: null, inverse-on-subtle: null, on-inverse: null, inverse-on-surface: null, series-a: null, series-a-bold: null, series-a-bolder: null, series-a-subtle: null, series-a-subtler: null, series-b: null, series-b-bold: null, series-b-bolder: null, series-b-subtle: null, series-b-subtler: null, series-c: null, series-c-bold: null, series-c-bolder: null, series-c-subtle: null, series-c-subtler: null, series-d: null, series-d-bold: null, series-d-bolder: null, series-d-subtle: null, series-d-subtler: null, series-e: null, series-e-bold: null, series-e-bolder: null, series-e-subtle: null, series-e-subtler: null, series-f: null, series-f-bold: null, series-f-bolder: null, series-f-subtle: null, series-f-subtler: null)",
10133
- "resolvedType": "Map"
10134
- }
10135
- ]
10136
- },
10137
- {
10138
- "id": "elevation",
10139
- "title": "Elevation",
10140
- "variables": [
10636
+ "resolvedValue": "9999px",
10637
+ "resolvedType": "Number"
10638
+ },
10141
10639
  {
10142
- "description": "The global default Elevation map.\n",
10640
+ "description": "The global radii Map.\n",
10143
10641
  "commentRange": {
10144
- "start": 42,
10145
- "end": 43
10642
+ "start": 45,
10643
+ "end": 46
10146
10644
  },
10147
10645
  "context": {
10148
10646
  "type": "variable",
10149
- "name": "kendo-elevation",
10150
- "value": "$_default-elevation",
10151
- "scope": "default",
10647
+ "name": "kendo-border-radii",
10648
+ "value": "k-map-merge($_default-border-radii, $kendo-border-radii)",
10649
+ "scope": "private",
10152
10650
  "line": {
10153
- "start": 44,
10154
- "end": 44
10651
+ "start": 47,
10652
+ "end": 47
10155
10653
  }
10156
10654
  },
10157
10655
  "group": [
10158
- "elevation"
10656
+ "radii"
10159
10657
  ],
10160
10658
  "access": "public",
10161
10659
  "file": {
10162
- "path": "core/scss/elevation/index.import.scss",
10660
+ "path": "core/scss/border-radii/index.import.scss",
10163
10661
  "name": "index.import.scss"
10164
10662
  },
10165
- "resolvedValue": "(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)))",
10166
- "resolvedType": "Map"
10663
+ "resolvedValue": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
10664
+ "resolvedType": "Map",
10665
+ "prettyValue": {
10666
+ "none": "0px",
10667
+ "xs": "1px",
10668
+ "sm": "0.125rem",
10669
+ "md": "0.25rem",
10670
+ "lg": "0.375rem",
10671
+ "xl": "0.5rem",
10672
+ "xxl": "0.75rem",
10673
+ "xxxl": "1rem",
10674
+ "full": "9999px"
10675
+ }
10167
10676
  }
10168
10677
  ]
10169
10678
  },
10170
10679
  {
10171
- "id": "radii",
10172
- "title": "Radii",
10680
+ "id": "color-system",
10681
+ "title": "Color System",
10173
10682
  "variables": [
10174
10683
  {
10175
- "description": "The none border radius used across the Components.\n",
10684
+ "description": "The color white.\nNote: you cannot change this value.\n",
10176
10685
  "commentRange": {
10177
- "start": 1,
10178
- "end": 2
10686
+ "start": 3,
10687
+ "end": 6
10179
10688
  },
10180
10689
  "context": {
10181
10690
  "type": "variable",
10182
- "name": "kendo-border-radius-none",
10183
- "value": "k-map-get($kendo-spacing, 0)",
10184
- "scope": "default",
10691
+ "name": "kendo-color-white",
10692
+ "value": "#ffffff",
10693
+ "scope": "private",
10185
10694
  "line": {
10186
- "start": 3,
10187
- "end": 3
10695
+ "start": 7,
10696
+ "end": 7
10188
10697
  }
10189
10698
  },
10699
+ "type": "Color",
10190
10700
  "group": [
10191
- "radii"
10701
+ "color-system"
10192
10702
  ],
10193
10703
  "access": "public",
10194
10704
  "file": {
10195
- "path": "core/scss/border-radii/index.import.scss",
10196
- "name": "index.import.scss"
10705
+ "path": "core/scss/color-system/_constants.scss",
10706
+ "name": "_constants.scss"
10197
10707
  },
10198
- "resolvedValue": "0px",
10199
- "resolvedType": "Number"
10708
+ "resolvedValue": "#ffffff",
10709
+ "resolvedType": "Color"
10200
10710
  },
10201
10711
  {
10202
- "description": "The extra small border radius used across the Components.\n",
10712
+ "description": "The color black.\nNote: you cannot change this value.\n",
10203
10713
  "commentRange": {
10204
- "start": 4,
10205
- "end": 5
10714
+ "start": 9,
10715
+ "end": 12
10206
10716
  },
10207
10717
  "context": {
10208
10718
  "type": "variable",
10209
- "name": "kendo-border-radius-xs",
10210
- "value": "k-map-get($kendo-spacing, 1px)",
10211
- "scope": "default",
10719
+ "name": "kendo-color-black",
10720
+ "value": "#000000",
10721
+ "scope": "private",
10212
10722
  "line": {
10213
- "start": 6,
10214
- "end": 6
10723
+ "start": 13,
10724
+ "end": 13
10215
10725
  }
10216
10726
  },
10727
+ "type": "Color",
10217
10728
  "group": [
10218
- "radii"
10729
+ "color-system"
10219
10730
  ],
10220
10731
  "access": "public",
10221
10732
  "file": {
10222
- "path": "core/scss/border-radii/index.import.scss",
10223
- "name": "index.import.scss"
10733
+ "path": "core/scss/color-system/_constants.scss",
10734
+ "name": "_constants.scss"
10224
10735
  },
10225
- "resolvedValue": "1px",
10226
- "resolvedType": "Number"
10736
+ "resolvedValue": "#000000",
10737
+ "resolvedType": "Color"
10227
10738
  },
10228
10739
  {
10229
- "description": "The small border radius used across the Components.\n",
10740
+ "description": "The color transparent.\nNote: you cannot change this value.\n",
10230
10741
  "commentRange": {
10231
- "start": 7,
10232
- "end": 8
10742
+ "start": 15,
10743
+ "end": 18
10233
10744
  },
10234
10745
  "context": {
10235
10746
  "type": "variable",
10236
- "name": "kendo-border-radius-sm",
10237
- "value": "k-map-get($kendo-spacing, 0.5)",
10238
- "scope": "default",
10747
+ "name": "kendo-color-rgba-transparent",
10748
+ "value": "rgba(0, 0, 0, 0)",
10749
+ "scope": "private",
10239
10750
  "line": {
10240
- "start": 9,
10241
- "end": 9
10751
+ "start": 19,
10752
+ "end": 19
10242
10753
  }
10243
10754
  },
10755
+ "type": "Color",
10244
10756
  "group": [
10245
- "radii"
10757
+ "color-system"
10246
10758
  ],
10247
10759
  "access": "public",
10248
10760
  "file": {
10249
- "path": "core/scss/border-radii/index.import.scss",
10250
- "name": "index.import.scss"
10761
+ "path": "core/scss/color-system/_constants.scss",
10762
+ "name": "_constants.scss"
10251
10763
  },
10252
- "resolvedValue": "0.125rem",
10253
- "resolvedType": "Number"
10764
+ "resolvedValue": "rgba(0, 0, 0, 0)",
10765
+ "resolvedType": "Color"
10254
10766
  },
10255
10767
  {
10256
- "description": "The medium border radius used across the Components.\n",
10768
+ "description": "A gradient that goes from transparent to black.\nNote: you cannot change this value.\n",
10257
10769
  "commentRange": {
10258
- "start": 10,
10259
- "end": 11
10770
+ "start": 21,
10771
+ "end": 24
10260
10772
  },
10261
10773
  "context": {
10262
10774
  "type": "variable",
10263
- "name": "kendo-border-radius-md",
10264
- "value": "k-map-get($kendo-spacing, 1)",
10265
- "scope": "default",
10775
+ "name": "kendo-gradient-transparent-to-black",
10776
+ "value": "rgba(black, 0), black",
10777
+ "scope": "private",
10266
10778
  "line": {
10267
- "start": 12,
10268
- "end": 12
10779
+ "start": 25,
10780
+ "end": 25
10269
10781
  }
10270
10782
  },
10783
+ "type": "Gradient",
10271
10784
  "group": [
10272
- "radii"
10785
+ "color-system"
10273
10786
  ],
10274
10787
  "access": "public",
10275
10788
  "file": {
10276
- "path": "core/scss/border-radii/index.import.scss",
10277
- "name": "index.import.scss"
10789
+ "path": "core/scss/color-system/_constants.scss",
10790
+ "name": "_constants.scss"
10278
10791
  },
10279
- "resolvedValue": "0.25rem",
10280
- "resolvedType": "Number"
10792
+ "resolvedValue": "rgba(0, 0, 0, 0), black",
10793
+ "resolvedType": "Gradient"
10281
10794
  },
10282
10795
  {
10283
- "description": "The large border radius used across the Components.\n",
10796
+ "description": "A gradient that goes from transparent to white.\nNote: you cannot change this value.\n",
10284
10797
  "commentRange": {
10285
- "start": 13,
10286
- "end": 14
10798
+ "start": 27,
10799
+ "end": 30
10287
10800
  },
10288
10801
  "context": {
10289
10802
  "type": "variable",
10290
- "name": "kendo-border-radius-lg",
10291
- "value": "k-map-get($kendo-spacing, 1.5)",
10292
- "scope": "default",
10803
+ "name": "kendo-gradient-transparent-to-white",
10804
+ "value": "rgba(white, 0), white",
10805
+ "scope": "private",
10293
10806
  "line": {
10294
- "start": 15,
10295
- "end": 15
10807
+ "start": 31,
10808
+ "end": 31
10296
10809
  }
10297
10810
  },
10811
+ "type": "Gradient",
10298
10812
  "group": [
10299
- "radii"
10813
+ "color-system"
10300
10814
  ],
10301
10815
  "access": "public",
10302
10816
  "file": {
10303
- "path": "core/scss/border-radii/index.import.scss",
10304
- "name": "index.import.scss"
10817
+ "path": "core/scss/color-system/_constants.scss",
10818
+ "name": "_constants.scss"
10305
10819
  },
10306
- "resolvedValue": "0.375rem",
10307
- "resolvedType": "Number"
10820
+ "resolvedValue": "rgba(255, 255, 255, 0), white",
10821
+ "resolvedType": "Gradient"
10308
10822
  },
10309
10823
  {
10310
- "description": "The extra large border radius used across the Components.\n",
10824
+ "description": "A gradient that goes from black to transparent.\nNote: you cannot change this value.\n",
10311
10825
  "commentRange": {
10312
- "start": 16,
10313
- "end": 17
10826
+ "start": 33,
10827
+ "end": 36
10314
10828
  },
10315
10829
  "context": {
10316
10830
  "type": "variable",
10317
- "name": "kendo-border-radius-xl",
10318
- "value": "k-map-get($kendo-spacing, 2)",
10319
- "scope": "default",
10831
+ "name": "kendo-gradient-black-to-transparent",
10832
+ "value": "black, rgba(black, 0)",
10833
+ "scope": "private",
10320
10834
  "line": {
10321
- "start": 18,
10322
- "end": 18
10835
+ "start": 37,
10836
+ "end": 37
10323
10837
  }
10324
10838
  },
10839
+ "type": "Gradient",
10325
10840
  "group": [
10326
- "radii"
10841
+ "color-system"
10327
10842
  ],
10328
10843
  "access": "public",
10329
10844
  "file": {
10330
- "path": "core/scss/border-radii/index.import.scss",
10331
- "name": "index.import.scss"
10845
+ "path": "core/scss/color-system/_constants.scss",
10846
+ "name": "_constants.scss"
10332
10847
  },
10333
- "resolvedValue": "0.5rem",
10334
- "resolvedType": "Number"
10848
+ "resolvedValue": "black, rgba(0, 0, 0, 0)",
10849
+ "resolvedType": "Gradient"
10335
10850
  },
10336
10851
  {
10337
- "description": "The third largest border radius used across the Components.\n",
10852
+ "description": "A gradient that goes from white to transparent.\nNote: you cannot change this value.\n",
10338
10853
  "commentRange": {
10339
- "start": 19,
10340
- "end": 20
10854
+ "start": 39,
10855
+ "end": 42
10341
10856
  },
10342
10857
  "context": {
10343
10858
  "type": "variable",
10344
- "name": "kendo-border-radius-xxl",
10345
- "value": "k-map-get($kendo-spacing, 3)",
10346
- "scope": "default",
10859
+ "name": "kendo-gradient-white-to-transparent",
10860
+ "value": "white, rgba(white, 0)",
10861
+ "scope": "private",
10347
10862
  "line": {
10348
- "start": 21,
10349
- "end": 21
10863
+ "start": 43,
10864
+ "end": 43
10350
10865
  }
10351
10866
  },
10867
+ "type": "Gradient",
10352
10868
  "group": [
10353
- "radii"
10869
+ "color-system"
10354
10870
  ],
10355
10871
  "access": "public",
10356
10872
  "file": {
10357
- "path": "core/scss/border-radii/index.import.scss",
10358
- "name": "index.import.scss"
10873
+ "path": "core/scss/color-system/_constants.scss",
10874
+ "name": "_constants.scss"
10359
10875
  },
10360
- "resolvedValue": "0.75rem",
10361
- "resolvedType": "Number"
10876
+ "resolvedValue": "white, rgba(255, 255, 255, 0)",
10877
+ "resolvedType": "Gradient"
10362
10878
  },
10363
10879
  {
10364
- "description": "The second largest border radius used across the Components.\n",
10880
+ "description": "A gradient that cycles through the colors of the rainbow.\nNote: you cannot change this value.\n",
10365
10881
  "commentRange": {
10366
- "start": 22,
10367
- "end": 23
10882
+ "start": 45,
10883
+ "end": 48
10368
10884
  },
10369
10885
  "context": {
10370
10886
  "type": "variable",
10371
- "name": "kendo-border-radius-xxxl",
10372
- "value": "k-map-get($kendo-spacing, 4)",
10373
- "scope": "default",
10887
+ "name": "kendo-gradient-rainbow",
10888
+ "value": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
10889
+ "scope": "private",
10374
10890
  "line": {
10375
- "start": 24,
10376
- "end": 24
10891
+ "start": 49,
10892
+ "end": 49
10377
10893
  }
10378
10894
  },
10895
+ "type": "Gradient",
10379
10896
  "group": [
10380
- "radii"
10897
+ "color-system"
10381
10898
  ],
10382
10899
  "access": "public",
10383
10900
  "file": {
10384
- "path": "core/scss/border-radii/index.import.scss",
10385
- "name": "index.import.scss"
10901
+ "path": "core/scss/color-system/_constants.scss",
10902
+ "name": "_constants.scss"
10386
10903
  },
10387
- "resolvedValue": "1rem",
10388
- "resolvedType": "Number"
10904
+ "resolvedValue": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
10905
+ "resolvedType": "Gradient"
10389
10906
  },
10390
10907
  {
10391
- "description": "The largest border radius used across the Components.\n",
10908
+ "description": "The global default Colors map.\n",
10392
10909
  "commentRange": {
10393
- "start": 25,
10394
- "end": 26
10910
+ "start": 175,
10911
+ "end": 176
10395
10912
  },
10396
10913
  "context": {
10397
10914
  "type": "variable",
10398
- "name": "kendo-border-radius-full",
10399
- "value": "9999px",
10915
+ "name": "kendo-colors",
10916
+ "value": "$_default-colors",
10400
10917
  "scope": "default",
10401
10918
  "line": {
10402
- "start": 27,
10403
- "end": 27
10919
+ "start": 177,
10920
+ "end": 177
10404
10921
  }
10405
10922
  },
10406
10923
  "group": [
10407
- "radii"
10924
+ "color-system"
10408
10925
  ],
10409
10926
  "access": "public",
10410
10927
  "file": {
10411
- "path": "core/scss/border-radii/index.import.scss",
10412
- "name": "index.import.scss"
10928
+ "path": "core/scss/color-system/_swatch.scss",
10929
+ "name": "_swatch.scss"
10413
10930
  },
10414
- "resolvedValue": "9999px",
10415
- "resolvedType": "Number"
10416
- },
10931
+ "usedBy": [
10932
+ {
10933
+ "description": "Takes a color name from the $kendo-colors map as a parameter\nand returns a CSS variable with the actual color as a fallback\n",
10934
+ "context": {
10935
+ "type": "function",
10936
+ "name": "k-color",
10937
+ "code": "\n $_color: k-map-get($kendo-colors, $key);\n\n @if ($_color) {\n @return var(--kendo-color-#{$key}, $_color);\n } @else {\n @error \"Color Variable \\`#{$key}\\` does not exists in the color collection.\";\n }\n",
10938
+ "line": {
10939
+ "start": 130,
10940
+ "end": 138
10941
+ },
10942
+ "signature": "k-color($key)"
10943
+ }
10944
+ }
10945
+ ],
10946
+ "resolvedValue": "(app-surface: null, on-app-surface: null, subtle: null, surface: null, surface-alt: null, border: null, border-alt: null, base-subtle: null, base-subtle-hover: null, base-subtle-active: null, base: null, base-hover: null, base-active: null, base-emphasis: null, base-on-subtle: null, on-base: null, base-on-surface: null, primary-subtle: null, primary-subtle-hover: null, primary-subtle-active: null, primary: null, primary-hover: null, primary-active: null, primary-emphasis: null, primary-on-subtle: null, on-primary: null, primary-on-surface: null, secondary-subtle: null, secondary-subtle-hover: null, secondary-subtle-active: null, secondary: null, secondary-hover: null, secondary-active: null, secondary-emphasis: null, secondary-on-subtle: null, on-secondary: null, secondary-on-surface: null, tertiary-subtle: null, tertiary-subtle-hover: null, tertiary-subtle-active: null, tertiary: null, tertiary-hover: null, tertiary-active: null, tertiary-emphasis: null, tertiary-on-subtle: null, on-tertiary: null, tertiary-on-surface: null, info-subtle: null, info-subtle-hover: null, info-subtle-active: null, info: null, info-hover: null, info-active: null, info-emphasis: null, info-on-subtle: null, on-info: null, info-on-surface: null, success-subtle: null, success-subtle-hover: null, success-subtle-active: null, success: null, success-hover: null, success-active: null, success-emphasis: null, success-on-subtle: null, on-success: null, success-on-surface: null, warning-subtle: null, warning-subtle-hover: null, warning-subtle-active: null, warning: null, warning-hover: null, warning-active: null, warning-emphasis: null, warning-on-subtle: null, on-warning: null, warning-on-surface: null, error-subtle: null, error-subtle-hover: null, error-subtle-active: null, error: null, error-hover: null, error-active: null, error-emphasis: null, error-on-subtle: null, on-error: null, error-on-surface: null, light-subtle: null, light-subtle-hover: null, light-subtle-active: null, light: null, light-hover: null, light-active: null, light-emphasis: null, light-on-subtle: null, on-light: null, light-on-surface: null, dark-subtle: null, dark-subtle-hover: null, dark-subtle-active: null, dark: null, dark-hover: null, dark-active: null, dark-emphasis: null, dark-on-subtle: null, on-dark: null, dark-on-surface: null, inverse-subtle: null, inverse-subtle-hover: null, inverse-subtle-active: null, inverse: null, inverse-hover: null, inverse-active: null, inverse-emphasis: null, inverse-on-subtle: null, on-inverse: null, inverse-on-surface: null, series-a: null, series-a-bold: null, series-a-bolder: null, series-a-subtle: null, series-a-subtler: null, series-b: null, series-b-bold: null, series-b-bolder: null, series-b-subtle: null, series-b-subtler: null, series-c: null, series-c-bold: null, series-c-bolder: null, series-c-subtle: null, series-c-subtler: null, series-d: null, series-d-bold: null, series-d-bolder: null, series-d-subtle: null, series-d-subtler: null, series-e: null, series-e-bold: null, series-e-bolder: null, series-e-subtle: null, series-e-subtler: null, series-f: null, series-f-bold: null, series-f-bolder: null, series-f-subtle: null, series-f-subtler: null)",
10947
+ "resolvedType": "Map",
10948
+ "prettyValue": {
10949
+ "app-surface": null,
10950
+ "on-app-surface": null,
10951
+ "subtle": null,
10952
+ "surface": null,
10953
+ "surface-alt": null,
10954
+ "border": null,
10955
+ "border-alt": null,
10956
+ "base-subtle": null,
10957
+ "base-subtle-hover": null,
10958
+ "base-subtle-active": null,
10959
+ "base": null,
10960
+ "base-hover": null,
10961
+ "base-active": null,
10962
+ "base-emphasis": null,
10963
+ "base-on-subtle": null,
10964
+ "on-base": null,
10965
+ "base-on-surface": null,
10966
+ "primary-subtle": null,
10967
+ "primary-subtle-hover": null,
10968
+ "primary-subtle-active": null,
10969
+ "primary": null,
10970
+ "primary-hover": null,
10971
+ "primary-active": null,
10972
+ "primary-emphasis": null,
10973
+ "primary-on-subtle": null,
10974
+ "on-primary": null,
10975
+ "primary-on-surface": null,
10976
+ "secondary-subtle": null,
10977
+ "secondary-subtle-hover": null,
10978
+ "secondary-subtle-active": null,
10979
+ "secondary": null,
10980
+ "secondary-hover": null,
10981
+ "secondary-active": null,
10982
+ "secondary-emphasis": null,
10983
+ "secondary-on-subtle": null,
10984
+ "on-secondary": null,
10985
+ "secondary-on-surface": null,
10986
+ "tertiary-subtle": null,
10987
+ "tertiary-subtle-hover": null,
10988
+ "tertiary-subtle-active": null,
10989
+ "tertiary": null,
10990
+ "tertiary-hover": null,
10991
+ "tertiary-active": null,
10992
+ "tertiary-emphasis": null,
10993
+ "tertiary-on-subtle": null,
10994
+ "on-tertiary": null,
10995
+ "tertiary-on-surface": null,
10996
+ "info-subtle": null,
10997
+ "info-subtle-hover": null,
10998
+ "info-subtle-active": null,
10999
+ "info": null,
11000
+ "info-hover": null,
11001
+ "info-active": null,
11002
+ "info-emphasis": null,
11003
+ "info-on-subtle": null,
11004
+ "on-info": null,
11005
+ "info-on-surface": null,
11006
+ "success-subtle": null,
11007
+ "success-subtle-hover": null,
11008
+ "success-subtle-active": null,
11009
+ "success": null,
11010
+ "success-hover": null,
11011
+ "success-active": null,
11012
+ "success-emphasis": null,
11013
+ "success-on-subtle": null,
11014
+ "on-success": null,
11015
+ "success-on-surface": null,
11016
+ "warning-subtle": null,
11017
+ "warning-subtle-hover": null,
11018
+ "warning-subtle-active": null,
11019
+ "warning": null,
11020
+ "warning-hover": null,
11021
+ "warning-active": null,
11022
+ "warning-emphasis": null,
11023
+ "warning-on-subtle": null,
11024
+ "on-warning": null,
11025
+ "warning-on-surface": null,
11026
+ "error-subtle": null,
11027
+ "error-subtle-hover": null,
11028
+ "error-subtle-active": null,
11029
+ "error": null,
11030
+ "error-hover": null,
11031
+ "error-active": null,
11032
+ "error-emphasis": null,
11033
+ "error-on-subtle": null,
11034
+ "on-error": null,
11035
+ "error-on-surface": null,
11036
+ "light-subtle": null,
11037
+ "light-subtle-hover": null,
11038
+ "light-subtle-active": null,
11039
+ "light": null,
11040
+ "light-hover": null,
11041
+ "light-active": null,
11042
+ "light-emphasis": null,
11043
+ "light-on-subtle": null,
11044
+ "on-light": null,
11045
+ "light-on-surface": null,
11046
+ "dark-subtle": null,
11047
+ "dark-subtle-hover": null,
11048
+ "dark-subtle-active": null,
11049
+ "dark": null,
11050
+ "dark-hover": null,
11051
+ "dark-active": null,
11052
+ "dark-emphasis": null,
11053
+ "dark-on-subtle": null,
11054
+ "on-dark": null,
11055
+ "dark-on-surface": null,
11056
+ "inverse-subtle": null,
11057
+ "inverse-subtle-hover": null,
11058
+ "inverse-subtle-active": null,
11059
+ "inverse": null,
11060
+ "inverse-hover": null,
11061
+ "inverse-active": null,
11062
+ "inverse-emphasis": null,
11063
+ "inverse-on-subtle": null,
11064
+ "on-inverse": null,
11065
+ "inverse-on-surface": null,
11066
+ "series-a": null,
11067
+ "series-a-bold": null,
11068
+ "series-a-bolder": null,
11069
+ "series-a-subtle": null,
11070
+ "series-a-subtler": null,
11071
+ "series-b": null,
11072
+ "series-b-bold": null,
11073
+ "series-b-bolder": null,
11074
+ "series-b-subtle": null,
11075
+ "series-b-subtler": null,
11076
+ "series-c": null,
11077
+ "series-c-bold": null,
11078
+ "series-c-bolder": null,
11079
+ "series-c-subtle": null,
11080
+ "series-c-subtler": null,
11081
+ "series-d": null,
11082
+ "series-d-bold": null,
11083
+ "series-d-bolder": null,
11084
+ "series-d-subtle": null,
11085
+ "series-d-subtler": null,
11086
+ "series-e": null,
11087
+ "series-e-bold": null,
11088
+ "series-e-bolder": null,
11089
+ "series-e-subtle": null,
11090
+ "series-e-subtler": null,
11091
+ "series-f": null,
11092
+ "series-f-bold": null,
11093
+ "series-f-bolder": null,
11094
+ "series-f-subtle": null,
11095
+ "series-f-subtler": null
11096
+ }
11097
+ }
11098
+ ]
11099
+ },
11100
+ {
11101
+ "id": "elevation",
11102
+ "title": "Elevation",
11103
+ "variables": [
10417
11104
  {
10418
- "description": "The global radii Map.\n",
11105
+ "description": "The global default Elevation map.\n",
10419
11106
  "commentRange": {
10420
- "start": 45,
10421
- "end": 46
11107
+ "start": 42,
11108
+ "end": 43
10422
11109
  },
10423
11110
  "context": {
10424
11111
  "type": "variable",
10425
- "name": "kendo-border-radii",
10426
- "value": "k-map-merge($_default-border-radii, $kendo-border-radii)",
10427
- "scope": "private",
11112
+ "name": "kendo-elevation",
11113
+ "value": "$_default-elevation",
11114
+ "scope": "default",
10428
11115
  "line": {
10429
- "start": 47,
10430
- "end": 47
11116
+ "start": 44,
11117
+ "end": 44
10431
11118
  }
10432
11119
  },
10433
11120
  "group": [
10434
- "radii"
11121
+ "elevation"
10435
11122
  ],
10436
11123
  "access": "public",
10437
11124
  "file": {
10438
- "path": "core/scss/border-radii/index.import.scss",
11125
+ "path": "core/scss/elevation/index.import.scss",
10439
11126
  "name": "index.import.scss"
10440
11127
  },
10441
- "resolvedValue": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
10442
- "resolvedType": "Map"
11128
+ "resolvedValue": "(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)))",
11129
+ "resolvedType": "Map",
11130
+ "prettyValue": {
11131
+ "1": "0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)",
11132
+ "2": "0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)",
11133
+ "3": "0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)",
11134
+ "4": "0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)",
11135
+ "5": "0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)",
11136
+ "6": "0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)",
11137
+ "7": "0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)",
11138
+ "8": "0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)",
11139
+ "9": "0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)"
11140
+ }
10443
11141
  }
10444
11142
  ]
10445
11143
  },
@@ -10472,7 +11170,49 @@
10472
11170
  "name": "index.import.scss"
10473
11171
  },
10474
11172
  "resolvedValue": "(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)",
10475
- "resolvedType": "Map"
11173
+ "resolvedType": "Map",
11174
+ "prettyValue": {
11175
+ "0": "0px",
11176
+ "1": "0.25rem",
11177
+ "2": "0.5rem",
11178
+ "3": "0.75rem",
11179
+ "4": "1rem",
11180
+ "5": "1.25rem",
11181
+ "6": "1.5rem",
11182
+ "7": "1.75rem",
11183
+ "8": "2rem",
11184
+ "9": "2.25rem",
11185
+ "10": "2.5rem",
11186
+ "11": "2.75rem",
11187
+ "12": "3rem",
11188
+ "13": "3.25rem",
11189
+ "14": "3.5rem",
11190
+ "15": "3.75rem",
11191
+ "16": "4rem",
11192
+ "17": "4.25rem",
11193
+ "18": "4.5rem",
11194
+ "19": "4.75rem",
11195
+ "20": "5rem",
11196
+ "21": "5.25rem",
11197
+ "22": "5.5rem",
11198
+ "23": "5.75rem",
11199
+ "24": "6rem",
11200
+ "25": "7rem",
11201
+ "26": "8rem",
11202
+ "27": "9rem",
11203
+ "28": "10rem",
11204
+ "29": "11rem",
11205
+ "30": "12rem",
11206
+ "1px": "1px",
11207
+ "0.5": "0.125rem",
11208
+ "1.5": "0.375rem",
11209
+ "2.5": "0.625rem",
11210
+ "3.5": "0.875rem",
11211
+ "4.5": "1.125rem",
11212
+ "5.5": "1.375rem",
11213
+ "6.5": "1.625rem",
11214
+ "7.5": "1.875rem"
11215
+ }
10476
11216
  }
10477
11217
  ]
10478
11218
  },
@@ -11477,7 +12217,15 @@
11477
12217
  "name": "index.import.scss"
11478
12218
  },
11479
12219
  "resolvedValue": "(xxs: 0.5rem, xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
11480
- "resolvedType": "Map"
12220
+ "resolvedType": "Map",
12221
+ "prettyValue": {
12222
+ "xxs": "0.5rem",
12223
+ "xs": "0.625rem",
12224
+ "sm": "0.75rem",
12225
+ "md": "0.875rem",
12226
+ "lg": "1rem",
12227
+ "xl": "1.25rem"
12228
+ }
11481
12229
  },
11482
12230
  {
11483
12231
  "description": "The line heights map\n",
@@ -11504,7 +12252,13 @@
11504
12252
  "name": "index.import.scss"
11505
12253
  },
11506
12254
  "resolvedValue": "(xs: 1, sm: 1.25, md: 1.4285714286, lg: 1.5)",
11507
- "resolvedType": "Map"
12255
+ "resolvedType": "Map",
12256
+ "prettyValue": {
12257
+ "xs": 1,
12258
+ "sm": 1.25,
12259
+ "md": 1.4285714285714286,
12260
+ "lg": 1.5
12261
+ }
11508
12262
  },
11509
12263
  {
11510
12264
  "description": "The font weights map\n",
@@ -11531,7 +12285,16 @@
11531
12285
  "name": "index.import.scss"
11532
12286
  },
11533
12287
  "resolvedValue": "(thin: 100, extra-light: 200, light: 300, normal: 400, medium: 500, semibold: 600, bold: 700)",
11534
- "resolvedType": "Map"
12288
+ "resolvedType": "Map",
12289
+ "prettyValue": {
12290
+ "thin": 100,
12291
+ "extra-light": 200,
12292
+ "light": 300,
12293
+ "normal": 400,
12294
+ "medium": 500,
12295
+ "semibold": 600,
12296
+ "bold": 700
12297
+ }
11535
12298
  },
11536
12299
  {
11537
12300
  "description": "The letter spacings map\n",
@@ -11558,7 +12321,16 @@
11558
12321
  "name": "index.import.scss"
11559
12322
  },
11560
12323
  "resolvedValue": "(tightest: -0.15px, tighter: -0.1px, tight: -0.5px, normal: 0px, wide: 0.5px, wider: 0.1px, widest: 0.15px)",
11561
- "resolvedType": "Map"
12324
+ "resolvedType": "Map",
12325
+ "prettyValue": {
12326
+ "tightest": "-0.15px",
12327
+ "tighter": "-0.1px",
12328
+ "tight": "-0.5px",
12329
+ "normal": "0px",
12330
+ "wide": "0.5px",
12331
+ "wider": "0.1px",
12332
+ "widest": "0.15px"
12333
+ }
11562
12334
  },
11563
12335
  {
11564
12336
  "description": "The font families map\n",
@@ -11585,7 +12357,13 @@
11585
12357
  "name": "index.import.scss"
11586
12358
  },
11587
12359
  "resolvedValue": "(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))",
11588
- "resolvedType": "Map"
12360
+ "resolvedType": "Map",
12361
+ "prettyValue": {
12362
+ "sans": "Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans",
12363
+ "serif": "\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville",
12364
+ "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\"",
12365
+ "monospace": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace"
12366
+ }
11589
12367
  }
11590
12368
  ]
11591
12369
  }