@progress/kendo-theme-utils 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 (5) hide show
  1. package/dist/all.scss +906 -146
  2. package/dist/meta/sassdoc-data.json +1085 -307
  3. package/dist/meta/sassdoc-raw-data.json +125 -0
  4. package/dist/meta/variables.json +2588 -24
  5. package/package.json +3 -3
package/dist/meta/sassdoc-data.json CHANGED
@@ -357,7 +357,156 @@
357
357
  }
358
358
  ],
359
359
  "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)",
360
- "resolvedType": "Map"
360
+ "resolvedType": "Map",
361
+ "prettyValue": {
362
+ "app-surface": null,
363
+ "on-app-surface": null,
364
+ "subtle": null,
365
+ "surface": null,
366
+ "surface-alt": null,
367
+ "border": null,
368
+ "border-alt": null,
369
+ "base-subtle": null,
370
+ "base-subtle-hover": null,
371
+ "base-subtle-active": null,
372
+ "base": null,
373
+ "base-hover": null,
374
+ "base-active": null,
375
+ "base-emphasis": null,
376
+ "base-on-subtle": null,
377
+ "on-base": null,
378
+ "base-on-surface": null,
379
+ "primary-subtle": null,
380
+ "primary-subtle-hover": null,
381
+ "primary-subtle-active": null,
382
+ "primary": null,
383
+ "primary-hover": null,
384
+ "primary-active": null,
385
+ "primary-emphasis": null,
386
+ "primary-on-subtle": null,
387
+ "on-primary": null,
388
+ "primary-on-surface": null,
389
+ "secondary-subtle": null,
390
+ "secondary-subtle-hover": null,
391
+ "secondary-subtle-active": null,
392
+ "secondary": null,
393
+ "secondary-hover": null,
394
+ "secondary-active": null,
395
+ "secondary-emphasis": null,
396
+ "secondary-on-subtle": null,
397
+ "on-secondary": null,
398
+ "secondary-on-surface": null,
399
+ "tertiary-subtle": null,
400
+ "tertiary-subtle-hover": null,
401
+ "tertiary-subtle-active": null,
402
+ "tertiary": null,
403
+ "tertiary-hover": null,
404
+ "tertiary-active": null,
405
+ "tertiary-emphasis": null,
406
+ "tertiary-on-subtle": null,
407
+ "on-tertiary": null,
408
+ "tertiary-on-surface": null,
409
+ "info-subtle": null,
410
+ "info-subtle-hover": null,
411
+ "info-subtle-active": null,
412
+ "info": null,
413
+ "info-hover": null,
414
+ "info-active": null,
415
+ "info-emphasis": null,
416
+ "info-on-subtle": null,
417
+ "on-info": null,
418
+ "info-on-surface": null,
419
+ "success-subtle": null,
420
+ "success-subtle-hover": null,
421
+ "success-subtle-active": null,
422
+ "success": null,
423
+ "success-hover": null,
424
+ "success-active": null,
425
+ "success-emphasis": null,
426
+ "success-on-subtle": null,
427
+ "on-success": null,
428
+ "success-on-surface": null,
429
+ "warning-subtle": null,
430
+ "warning-subtle-hover": null,
431
+ "warning-subtle-active": null,
432
+ "warning": null,
433
+ "warning-hover": null,
434
+ "warning-active": null,
435
+ "warning-emphasis": null,
436
+ "warning-on-subtle": null,
437
+ "on-warning": null,
438
+ "warning-on-surface": null,
439
+ "error-subtle": null,
440
+ "error-subtle-hover": null,
441
+ "error-subtle-active": null,
442
+ "error": null,
443
+ "error-hover": null,
444
+ "error-active": null,
445
+ "error-emphasis": null,
446
+ "error-on-subtle": null,
447
+ "on-error": null,
448
+ "error-on-surface": null,
449
+ "light-subtle": null,
450
+ "light-subtle-hover": null,
451
+ "light-subtle-active": null,
452
+ "light": null,
453
+ "light-hover": null,
454
+ "light-active": null,
455
+ "light-emphasis": null,
456
+ "light-on-subtle": null,
457
+ "on-light": null,
458
+ "light-on-surface": null,
459
+ "dark-subtle": null,
460
+ "dark-subtle-hover": null,
461
+ "dark-subtle-active": null,
462
+ "dark": null,
463
+ "dark-hover": null,
464
+ "dark-active": null,
465
+ "dark-emphasis": null,
466
+ "dark-on-subtle": null,
467
+ "on-dark": null,
468
+ "dark-on-surface": null,
469
+ "inverse-subtle": null,
470
+ "inverse-subtle-hover": null,
471
+ "inverse-subtle-active": null,
472
+ "inverse": null,
473
+ "inverse-hover": null,
474
+ "inverse-active": null,
475
+ "inverse-emphasis": null,
476
+ "inverse-on-subtle": null,
477
+ "on-inverse": null,
478
+ "inverse-on-surface": null,
479
+ "series-a": null,
480
+ "series-a-bold": null,
481
+ "series-a-bolder": null,
482
+ "series-a-subtle": null,
483
+ "series-a-subtler": null,
484
+ "series-b": null,
485
+ "series-b-bold": null,
486
+ "series-b-bolder": null,
487
+ "series-b-subtle": null,
488
+ "series-b-subtler": null,
489
+ "series-c": null,
490
+ "series-c-bold": null,
491
+ "series-c-bolder": null,
492
+ "series-c-subtle": null,
493
+ "series-c-subtler": null,
494
+ "series-d": null,
495
+ "series-d-bold": null,
496
+ "series-d-bolder": null,
497
+ "series-d-subtle": null,
498
+ "series-d-subtler": null,
499
+ "series-e": null,
500
+ "series-e-bold": null,
501
+ "series-e-bolder": null,
502
+ "series-e-subtle": null,
503
+ "series-e-subtler": null,
504
+ "series-f": null,
505
+ "series-f-bold": null,
506
+ "series-f-bolder": null,
507
+ "series-f-subtle": null,
508
+ "series-f-subtler": null
509
+ }
361
510
  },
362
511
  {
363
512
  "description": "The global default Elevation map.\n",
@@ -384,7 +533,18 @@
384
533
  "name": "index.import.scss"
385
534
  },
386
535
  "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)))",
387
- "resolvedType": "Map"
536
+ "resolvedType": "Map",
537
+ "prettyValue": {
538
+ "1": "0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)",
539
+ "2": "0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)",
540
+ "3": "0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)",
541
+ "4": "0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)",
542
+ "5": "0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)",
543
+ "6": "0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)",
544
+ "7": "0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)",
545
+ "8": "0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)",
546
+ "9": "0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)"
547
+ }
388
548
  },
389
549
  {
390
550
  "description": "The none border radius used across the Components.\n",
@@ -654,7 +814,18 @@
654
814
  "name": "index.import.scss"
655
815
  },
656
816
  "resolvedValue": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
657
- "resolvedType": "Map"
817
+ "resolvedType": "Map",
818
+ "prettyValue": {
819
+ "none": "0px",
820
+ "xs": "1px",
821
+ "sm": "0.125rem",
822
+ "md": "0.25rem",
823
+ "lg": "0.375rem",
824
+ "xl": "0.5rem",
825
+ "xxl": "0.75rem",
826
+ "xxxl": "1rem",
827
+ "full": "9999px"
828
+ }
658
829
  },
659
830
  {
660
831
  "description": "The global default Spacing map.\n",
@@ -681,7 +852,49 @@
681
852
  "name": "index.import.scss"
682
853
  },
683
854
  "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)",
684
- "resolvedType": "Map"
855
+ "resolvedType": "Map",
856
+ "prettyValue": {
857
+ "0": "0px",
858
+ "1": "0.25rem",
859
+ "2": "0.5rem",
860
+ "3": "0.75rem",
861
+ "4": "1rem",
862
+ "5": "1.25rem",
863
+ "6": "1.5rem",
864
+ "7": "1.75rem",
865
+ "8": "2rem",
866
+ "9": "2.25rem",
867
+ "10": "2.5rem",
868
+ "11": "2.75rem",
869
+ "12": "3rem",
870
+ "13": "3.25rem",
871
+ "14": "3.5rem",
872
+ "15": "3.75rem",
873
+ "16": "4rem",
874
+ "17": "4.25rem",
875
+ "18": "4.5rem",
876
+ "19": "4.75rem",
877
+ "20": "5rem",
878
+ "21": "5.25rem",
879
+ "22": "5.5rem",
880
+ "23": "5.75rem",
881
+ "24": "6rem",
882
+ "25": "7rem",
883
+ "26": "8rem",
884
+ "27": "9rem",
885
+ "28": "10rem",
886
+ "29": "11rem",
887
+ "30": "12rem",
888
+ "1px": "1px",
889
+ "0.5": "0.125rem",
890
+ "1.5": "0.375rem",
891
+ "2.5": "0.625rem",
892
+ "3.5": "0.875rem",
893
+ "4.5": "1.125rem",
894
+ "5.5": "1.375rem",
895
+ "6.5": "1.625rem",
896
+ "7.5": "1.875rem"
897
+ }
685
898
  },
686
899
  {
687
900
  "description": "The base font size across all components.\n",
@@ -1680,7 +1893,15 @@
1680
1893
  "name": "index.import.scss"
1681
1894
  },
1682
1895
  "resolvedValue": "(xxs: 0.5rem, xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
1683
- "resolvedType": "Map"
1896
+ "resolvedType": "Map",
1897
+ "prettyValue": {
1898
+ "xxs": "0.5rem",
1899
+ "xs": "0.625rem",
1900
+ "sm": "0.75rem",
1901
+ "md": "0.875rem",
1902
+ "lg": "1rem",
1903
+ "xl": "1.25rem"
1904
+ }
1684
1905
  },
1685
1906
  {
1686
1907
  "description": "The line heights map\n",
@@ -1707,7 +1928,13 @@
1707
1928
  "name": "index.import.scss"
1708
1929
  },
1709
1930
  "resolvedValue": "(xs: 1, sm: 1.25, md: 1.4285714286, lg: 1.5)",
1710
- "resolvedType": "Map"
1931
+ "resolvedType": "Map",
1932
+ "prettyValue": {
1933
+ "xs": 1,
1934
+ "sm": 1.25,
1935
+ "md": 1.4285714285714286,
1936
+ "lg": 1.5
1937
+ }
1711
1938
  },
1712
1939
  {
1713
1940
  "description": "The font weights map\n",
@@ -1734,7 +1961,16 @@
1734
1961
  "name": "index.import.scss"
1735
1962
  },
1736
1963
  "resolvedValue": "(thin: 100, extra-light: 200, light: 300, normal: 400, medium: 500, semibold: 600, bold: 700)",
1737
- "resolvedType": "Map"
1964
+ "resolvedType": "Map",
1965
+ "prettyValue": {
1966
+ "thin": 100,
1967
+ "extra-light": 200,
1968
+ "light": 300,
1969
+ "normal": 400,
1970
+ "medium": 500,
1971
+ "semibold": 600,
1972
+ "bold": 700
1973
+ }
1738
1974
  },
1739
1975
  {
1740
1976
  "description": "The letter spacings map\n",
@@ -1761,7 +1997,16 @@
1761
1997
  "name": "index.import.scss"
1762
1998
  },
1763
1999
  "resolvedValue": "(tightest: -0.15px, tighter: -0.1px, tight: -0.5px, normal: 0px, wide: 0.5px, wider: 0.1px, widest: 0.15px)",
1764
- "resolvedType": "Map"
2000
+ "resolvedType": "Map",
2001
+ "prettyValue": {
2002
+ "tightest": "-0.15px",
2003
+ "tighter": "-0.1px",
2004
+ "tight": "-0.5px",
2005
+ "normal": "0px",
2006
+ "wide": "0.5px",
2007
+ "wider": "0.1px",
2008
+ "widest": "0.15px"
2009
+ }
1765
2010
  },
1766
2011
  {
1767
2012
  "description": "The font families map\n",
@@ -1788,7 +2033,148 @@
1788
2033
  "name": "index.import.scss"
1789
2034
  },
1790
2035
  "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))",
1791
- "resolvedType": "Map"
2036
+ "resolvedType": "Map",
2037
+ "prettyValue": {
2038
+ "sans": "Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans",
2039
+ "serif": "\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville",
2040
+ "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\"",
2041
+ "monospace": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace"
2042
+ }
2043
+ },
2044
+ {
2045
+ "description": "The background color of disabled items.\n",
2046
+ "commentRange": {
2047
+ "start": 41,
2048
+ "end": 41
2049
+ },
2050
+ "context": {
2051
+ "type": "variable",
2052
+ "name": "kendo-disabled-bg",
2053
+ "value": "null",
2054
+ "scope": "default",
2055
+ "line": {
2056
+ "start": 42,
2057
+ "end": 42
2058
+ }
2059
+ },
2060
+ "access": "public",
2061
+ "group": [
2062
+ "undefined"
2063
+ ],
2064
+ "file": {
2065
+ "path": "core/scss/color-system/_swatch-legacy.scss",
2066
+ "name": "_swatch-legacy.scss"
2067
+ },
2068
+ "resolvedValue": "null",
2069
+ "resolvedType": "Null"
2070
+ },
2071
+ {
2072
+ "description": "The text color of disabled items.\n",
2073
+ "commentRange": {
2074
+ "start": 43,
2075
+ "end": 43
2076
+ },
2077
+ "context": {
2078
+ "type": "variable",
2079
+ "name": "kendo-disabled-text",
2080
+ "value": "null",
2081
+ "scope": "default",
2082
+ "line": {
2083
+ "start": 44,
2084
+ "end": 44
2085
+ }
2086
+ },
2087
+ "access": "public",
2088
+ "group": [
2089
+ "undefined"
2090
+ ],
2091
+ "file": {
2092
+ "path": "core/scss/color-system/_swatch-legacy.scss",
2093
+ "name": "_swatch-legacy.scss"
2094
+ },
2095
+ "resolvedValue": "null",
2096
+ "resolvedType": "Null"
2097
+ },
2098
+ {
2099
+ "description": "The border color of disabled items.\n",
2100
+ "commentRange": {
2101
+ "start": 45,
2102
+ "end": 45
2103
+ },
2104
+ "context": {
2105
+ "type": "variable",
2106
+ "name": "kendo-disabled-border",
2107
+ "value": "null",
2108
+ "scope": "default",
2109
+ "line": {
2110
+ "start": 46,
2111
+ "end": 46
2112
+ }
2113
+ },
2114
+ "access": "public",
2115
+ "group": [
2116
+ "undefined"
2117
+ ],
2118
+ "file": {
2119
+ "path": "core/scss/color-system/_swatch-legacy.scss",
2120
+ "name": "_swatch-legacy.scss"
2121
+ },
2122
+ "resolvedValue": "null",
2123
+ "resolvedType": "Null"
2124
+ },
2125
+ {
2126
+ "description": "The opacity of disabled items.\n",
2127
+ "commentRange": {
2128
+ "start": 47,
2129
+ "end": 47
2130
+ },
2131
+ "context": {
2132
+ "type": "variable",
2133
+ "name": "kendo-disabled-opacity",
2134
+ "value": "null",
2135
+ "scope": "default",
2136
+ "line": {
2137
+ "start": 48,
2138
+ "end": 48
2139
+ }
2140
+ },
2141
+ "access": "public",
2142
+ "group": [
2143
+ "undefined"
2144
+ ],
2145
+ "file": {
2146
+ "path": "core/scss/color-system/_swatch-legacy.scss",
2147
+ "name": "_swatch-legacy.scss"
2148
+ },
2149
+ "resolvedValue": "null",
2150
+ "resolvedType": "Null"
2151
+ },
2152
+ {
2153
+ "description": "The filter of disabled items.\n",
2154
+ "commentRange": {
2155
+ "start": 49,
2156
+ "end": 49
2157
+ },
2158
+ "context": {
2159
+ "type": "variable",
2160
+ "name": "kendo-disabled-filter",
2161
+ "value": "null",
2162
+ "scope": "default",
2163
+ "line": {
2164
+ "start": 50,
2165
+ "end": 50
2166
+ }
2167
+ },
2168
+ "access": "public",
2169
+ "group": [
2170
+ "undefined"
2171
+ ],
2172
+ "file": {
2173
+ "path": "core/scss/color-system/_swatch-legacy.scss",
2174
+ "name": "_swatch-legacy.scss"
2175
+ },
2176
+ "resolvedValue": "null",
2177
+ "resolvedType": "Null"
1792
2178
  }
1793
2179
  ],
1794
2180
  "mixins": [],
@@ -28742,6 +29128,147 @@
28742
29128
  }
28743
29129
  ],
28744
29130
  "variableGroups": [
29131
+ {
29132
+ "id": "common",
29133
+ "title": "Common",
29134
+ "variables": [
29135
+ {
29136
+ "description": "The background color of disabled items.\n",
29137
+ "commentRange": {
29138
+ "start": 41,
29139
+ "end": 41
29140
+ },
29141
+ "context": {
29142
+ "type": "variable",
29143
+ "name": "kendo-disabled-bg",
29144
+ "value": "null",
29145
+ "scope": "default",
29146
+ "line": {
29147
+ "start": 42,
29148
+ "end": 42
29149
+ }
29150
+ },
29151
+ "access": "public",
29152
+ "group": [
29153
+ "undefined"
29154
+ ],
29155
+ "file": {
29156
+ "path": "core/scss/color-system/_swatch-legacy.scss",
29157
+ "name": "_swatch-legacy.scss"
29158
+ },
29159
+ "resolvedValue": "null",
29160
+ "resolvedType": "Null"
29161
+ },
29162
+ {
29163
+ "description": "The text color of disabled items.\n",
29164
+ "commentRange": {
29165
+ "start": 43,
29166
+ "end": 43
29167
+ },
29168
+ "context": {
29169
+ "type": "variable",
29170
+ "name": "kendo-disabled-text",
29171
+ "value": "null",
29172
+ "scope": "default",
29173
+ "line": {
29174
+ "start": 44,
29175
+ "end": 44
29176
+ }
29177
+ },
29178
+ "access": "public",
29179
+ "group": [
29180
+ "undefined"
29181
+ ],
29182
+ "file": {
29183
+ "path": "core/scss/color-system/_swatch-legacy.scss",
29184
+ "name": "_swatch-legacy.scss"
29185
+ },
29186
+ "resolvedValue": "null",
29187
+ "resolvedType": "Null"
29188
+ },
29189
+ {
29190
+ "description": "The border color of disabled items.\n",
29191
+ "commentRange": {
29192
+ "start": 45,
29193
+ "end": 45
29194
+ },
29195
+ "context": {
29196
+ "type": "variable",
29197
+ "name": "kendo-disabled-border",
29198
+ "value": "null",
29199
+ "scope": "default",
29200
+ "line": {
29201
+ "start": 46,
29202
+ "end": 46
29203
+ }
29204
+ },
29205
+ "access": "public",
29206
+ "group": [
29207
+ "undefined"
29208
+ ],
29209
+ "file": {
29210
+ "path": "core/scss/color-system/_swatch-legacy.scss",
29211
+ "name": "_swatch-legacy.scss"
29212
+ },
29213
+ "resolvedValue": "null",
29214
+ "resolvedType": "Null"
29215
+ },
29216
+ {
29217
+ "description": "The opacity of disabled items.\n",
29218
+ "commentRange": {
29219
+ "start": 47,
29220
+ "end": 47
29221
+ },
29222
+ "context": {
29223
+ "type": "variable",
29224
+ "name": "kendo-disabled-opacity",
29225
+ "value": "null",
29226
+ "scope": "default",
29227
+ "line": {
29228
+ "start": 48,
29229
+ "end": 48
29230
+ }
29231
+ },
29232
+ "access": "public",
29233
+ "group": [
29234
+ "undefined"
29235
+ ],
29236
+ "file": {
29237
+ "path": "core/scss/color-system/_swatch-legacy.scss",
29238
+ "name": "_swatch-legacy.scss"
29239
+ },
29240
+ "resolvedValue": "null",
29241
+ "resolvedType": "Null"
29242
+ },
29243
+ {
29244
+ "description": "The filter of disabled items.\n",
29245
+ "commentRange": {
29246
+ "start": 49,
29247
+ "end": 49
29248
+ },
29249
+ "context": {
29250
+ "type": "variable",
29251
+ "name": "kendo-disabled-filter",
29252
+ "value": "null",
29253
+ "scope": "default",
29254
+ "line": {
29255
+ "start": 50,
29256
+ "end": 50
29257
+ }
29258
+ },
29259
+ "access": "public",
29260
+ "group": [
29261
+ "undefined"
29262
+ ],
29263
+ "file": {
29264
+ "path": "core/scss/color-system/_swatch-legacy.scss",
29265
+ "name": "_swatch-legacy.scss"
29266
+ },
29267
+ "resolvedValue": "null",
29268
+ "resolvedType": "Null"
29269
+ }
29270
+ ]
29271
+ },
28745
29272
  {
28746
29273
  "id": "accessibility",
28747
29274
  "title": "Accessibility",
@@ -28843,582 +29370,753 @@
28843
29370
  ]
28844
29371
  },
28845
29372
  {
28846
- "id": "color-system",
28847
- "title": "Color System",
29373
+ "id": "radii",
29374
+ "title": "Border Radius",
28848
29375
  "variables": [
28849
29376
  {
28850
- "description": "The color white.\nNote: you cannot change this value.\n",
29377
+ "description": "The none border radius used across the Components.\n",
28851
29378
  "commentRange": {
28852
- "start": 3,
28853
- "end": 6
29379
+ "start": 1,
29380
+ "end": 2
28854
29381
  },
28855
29382
  "context": {
28856
29383
  "type": "variable",
28857
- "name": "kendo-color-white",
28858
- "value": "#ffffff",
28859
- "scope": "private",
29384
+ "name": "kendo-border-radius-none",
29385
+ "value": "k-map-get($kendo-spacing, 0)",
29386
+ "scope": "default",
28860
29387
  "line": {
28861
- "start": 7,
28862
- "end": 7
29388
+ "start": 3,
29389
+ "end": 3
28863
29390
  }
28864
29391
  },
28865
- "type": "Color",
28866
29392
  "group": [
28867
- "color-system"
29393
+ "radii"
28868
29394
  ],
28869
29395
  "access": "public",
28870
29396
  "file": {
28871
- "path": "core/scss/color-system/_constants.scss",
28872
- "name": "_constants.scss"
28873
- },
28874
- "resolvedValue": "#ffffff",
28875
- "resolvedType": "Color"
29397
+ "path": "core/scss/border-radii/index.import.scss",
29398
+ "name": "index.import.scss"
29399
+ },
29400
+ "resolvedValue": "0px",
29401
+ "resolvedType": "Number"
28876
29402
  },
28877
29403
  {
28878
- "description": "The color black.\nNote: you cannot change this value.\n",
29404
+ "description": "The extra small border radius used across the Components.\n",
28879
29405
  "commentRange": {
28880
- "start": 9,
28881
- "end": 12
29406
+ "start": 4,
29407
+ "end": 5
28882
29408
  },
28883
29409
  "context": {
28884
29410
  "type": "variable",
28885
- "name": "kendo-color-black",
28886
- "value": "#000000",
28887
- "scope": "private",
29411
+ "name": "kendo-border-radius-xs",
29412
+ "value": "k-map-get($kendo-spacing, 1px)",
29413
+ "scope": "default",
28888
29414
  "line": {
28889
- "start": 13,
28890
- "end": 13
29415
+ "start": 6,
29416
+ "end": 6
28891
29417
  }
28892
29418
  },
28893
- "type": "Color",
28894
29419
  "group": [
28895
- "color-system"
29420
+ "radii"
28896
29421
  ],
28897
29422
  "access": "public",
28898
29423
  "file": {
28899
- "path": "core/scss/color-system/_constants.scss",
28900
- "name": "_constants.scss"
29424
+ "path": "core/scss/border-radii/index.import.scss",
29425
+ "name": "index.import.scss"
28901
29426
  },
28902
- "resolvedValue": "#000000",
28903
- "resolvedType": "Color"
29427
+ "resolvedValue": "1px",
29428
+ "resolvedType": "Number"
28904
29429
  },
28905
29430
  {
28906
- "description": "The color transparent.\nNote: you cannot change this value.\n",
29431
+ "description": "The small border radius used across the Components.\n",
28907
29432
  "commentRange": {
28908
- "start": 15,
28909
- "end": 18
29433
+ "start": 7,
29434
+ "end": 8
28910
29435
  },
28911
29436
  "context": {
28912
29437
  "type": "variable",
28913
- "name": "kendo-color-rgba-transparent",
28914
- "value": "rgba(0, 0, 0, 0)",
28915
- "scope": "private",
29438
+ "name": "kendo-border-radius-sm",
29439
+ "value": "k-map-get($kendo-spacing, 0.5)",
29440
+ "scope": "default",
28916
29441
  "line": {
28917
- "start": 19,
28918
- "end": 19
29442
+ "start": 9,
29443
+ "end": 9
28919
29444
  }
28920
29445
  },
28921
- "type": "Color",
28922
29446
  "group": [
28923
- "color-system"
29447
+ "radii"
28924
29448
  ],
28925
29449
  "access": "public",
28926
29450
  "file": {
28927
- "path": "core/scss/color-system/_constants.scss",
28928
- "name": "_constants.scss"
29451
+ "path": "core/scss/border-radii/index.import.scss",
29452
+ "name": "index.import.scss"
28929
29453
  },
28930
- "resolvedValue": "rgba(0, 0, 0, 0)",
28931
- "resolvedType": "Color"
29454
+ "resolvedValue": "0.125rem",
29455
+ "resolvedType": "Number"
28932
29456
  },
28933
29457
  {
28934
- "description": "A gradient that goes from transparent to black.\nNote: you cannot change this value.\n",
29458
+ "description": "The medium border radius used across the Components.\n",
28935
29459
  "commentRange": {
28936
- "start": 21,
28937
- "end": 24
29460
+ "start": 10,
29461
+ "end": 11
28938
29462
  },
28939
29463
  "context": {
28940
29464
  "type": "variable",
28941
- "name": "kendo-gradient-transparent-to-black",
28942
- "value": "rgba(black, 0), black",
28943
- "scope": "private",
29465
+ "name": "kendo-border-radius-md",
29466
+ "value": "k-map-get($kendo-spacing, 1)",
29467
+ "scope": "default",
28944
29468
  "line": {
28945
- "start": 25,
28946
- "end": 25
29469
+ "start": 12,
29470
+ "end": 12
28947
29471
  }
28948
29472
  },
28949
- "type": "Gradient",
28950
29473
  "group": [
28951
- "color-system"
29474
+ "radii"
28952
29475
  ],
28953
29476
  "access": "public",
28954
29477
  "file": {
28955
- "path": "core/scss/color-system/_constants.scss",
28956
- "name": "_constants.scss"
29478
+ "path": "core/scss/border-radii/index.import.scss",
29479
+ "name": "index.import.scss"
28957
29480
  },
28958
- "resolvedValue": "rgba(0, 0, 0, 0), black",
28959
- "resolvedType": "Gradient"
29481
+ "resolvedValue": "0.25rem",
29482
+ "resolvedType": "Number"
28960
29483
  },
28961
29484
  {
28962
- "description": "A gradient that goes from transparent to white.\nNote: you cannot change this value.\n",
29485
+ "description": "The large border radius used across the Components.\n",
28963
29486
  "commentRange": {
28964
- "start": 27,
28965
- "end": 30
29487
+ "start": 13,
29488
+ "end": 14
28966
29489
  },
28967
29490
  "context": {
28968
29491
  "type": "variable",
28969
- "name": "kendo-gradient-transparent-to-white",
28970
- "value": "rgba(white, 0), white",
28971
- "scope": "private",
29492
+ "name": "kendo-border-radius-lg",
29493
+ "value": "k-map-get($kendo-spacing, 1.5)",
29494
+ "scope": "default",
28972
29495
  "line": {
28973
- "start": 31,
28974
- "end": 31
29496
+ "start": 15,
29497
+ "end": 15
28975
29498
  }
28976
29499
  },
28977
- "type": "Gradient",
28978
29500
  "group": [
28979
- "color-system"
29501
+ "radii"
28980
29502
  ],
28981
29503
  "access": "public",
28982
29504
  "file": {
28983
- "path": "core/scss/color-system/_constants.scss",
28984
- "name": "_constants.scss"
29505
+ "path": "core/scss/border-radii/index.import.scss",
29506
+ "name": "index.import.scss"
28985
29507
  },
28986
- "resolvedValue": "rgba(255, 255, 255, 0), white",
28987
- "resolvedType": "Gradient"
29508
+ "resolvedValue": "0.375rem",
29509
+ "resolvedType": "Number"
28988
29510
  },
28989
29511
  {
28990
- "description": "A gradient that goes from black to transparent.\nNote: you cannot change this value.\n",
29512
+ "description": "The extra large border radius used across the Components.\n",
28991
29513
  "commentRange": {
28992
- "start": 33,
28993
- "end": 36
29514
+ "start": 16,
29515
+ "end": 17
28994
29516
  },
28995
29517
  "context": {
28996
29518
  "type": "variable",
28997
- "name": "kendo-gradient-black-to-transparent",
28998
- "value": "black, rgba(black, 0)",
28999
- "scope": "private",
29519
+ "name": "kendo-border-radius-xl",
29520
+ "value": "k-map-get($kendo-spacing, 2)",
29521
+ "scope": "default",
29000
29522
  "line": {
29001
- "start": 37,
29002
- "end": 37
29523
+ "start": 18,
29524
+ "end": 18
29003
29525
  }
29004
29526
  },
29005
- "type": "Gradient",
29006
29527
  "group": [
29007
- "color-system"
29528
+ "radii"
29008
29529
  ],
29009
29530
  "access": "public",
29010
29531
  "file": {
29011
- "path": "core/scss/color-system/_constants.scss",
29012
- "name": "_constants.scss"
29532
+ "path": "core/scss/border-radii/index.import.scss",
29533
+ "name": "index.import.scss"
29013
29534
  },
29014
- "resolvedValue": "black, rgba(0, 0, 0, 0)",
29015
- "resolvedType": "Gradient"
29535
+ "resolvedValue": "0.5rem",
29536
+ "resolvedType": "Number"
29016
29537
  },
29017
29538
  {
29018
- "description": "A gradient that goes from white to transparent.\nNote: you cannot change this value.\n",
29539
+ "description": "The third largest border radius used across the Components.\n",
29019
29540
  "commentRange": {
29020
- "start": 39,
29021
- "end": 42
29541
+ "start": 19,
29542
+ "end": 20
29022
29543
  },
29023
29544
  "context": {
29024
29545
  "type": "variable",
29025
- "name": "kendo-gradient-white-to-transparent",
29026
- "value": "white, rgba(white, 0)",
29027
- "scope": "private",
29546
+ "name": "kendo-border-radius-xxl",
29547
+ "value": "k-map-get($kendo-spacing, 3)",
29548
+ "scope": "default",
29028
29549
  "line": {
29029
- "start": 43,
29030
- "end": 43
29550
+ "start": 21,
29551
+ "end": 21
29031
29552
  }
29032
29553
  },
29033
- "type": "Gradient",
29034
29554
  "group": [
29035
- "color-system"
29555
+ "radii"
29036
29556
  ],
29037
29557
  "access": "public",
29038
29558
  "file": {
29039
- "path": "core/scss/color-system/_constants.scss",
29040
- "name": "_constants.scss"
29559
+ "path": "core/scss/border-radii/index.import.scss",
29560
+ "name": "index.import.scss"
29041
29561
  },
29042
- "resolvedValue": "white, rgba(255, 255, 255, 0)",
29043
- "resolvedType": "Gradient"
29562
+ "resolvedValue": "0.75rem",
29563
+ "resolvedType": "Number"
29044
29564
  },
29045
29565
  {
29046
- "description": "A gradient that cycles through the colors of the rainbow.\nNote: you cannot change this value.\n",
29566
+ "description": "The second largest border radius used across the Components.\n",
29047
29567
  "commentRange": {
29048
- "start": 45,
29049
- "end": 48
29568
+ "start": 22,
29569
+ "end": 23
29050
29570
  },
29051
29571
  "context": {
29052
29572
  "type": "variable",
29053
- "name": "kendo-gradient-rainbow",
29054
- "value": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
29055
- "scope": "private",
29573
+ "name": "kendo-border-radius-xxxl",
29574
+ "value": "k-map-get($kendo-spacing, 4)",
29575
+ "scope": "default",
29056
29576
  "line": {
29057
- "start": 49,
29058
- "end": 49
29577
+ "start": 24,
29578
+ "end": 24
29059
29579
  }
29060
29580
  },
29061
- "type": "Gradient",
29062
29581
  "group": [
29063
- "color-system"
29582
+ "radii"
29064
29583
  ],
29065
29584
  "access": "public",
29066
29585
  "file": {
29067
- "path": "core/scss/color-system/_constants.scss",
29068
- "name": "_constants.scss"
29586
+ "path": "core/scss/border-radii/index.import.scss",
29587
+ "name": "index.import.scss"
29069
29588
  },
29070
- "resolvedValue": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
29071
- "resolvedType": "Gradient"
29589
+ "resolvedValue": "1rem",
29590
+ "resolvedType": "Number"
29072
29591
  },
29073
29592
  {
29074
- "description": "The global default Colors map.\n",
29593
+ "description": "The largest border radius used across the Components.\n",
29075
29594
  "commentRange": {
29076
- "start": 175,
29077
- "end": 176
29595
+ "start": 25,
29596
+ "end": 26
29078
29597
  },
29079
29598
  "context": {
29080
29599
  "type": "variable",
29081
- "name": "kendo-colors",
29082
- "value": "$_default-colors",
29600
+ "name": "kendo-border-radius-full",
29601
+ "value": "9999px",
29083
29602
  "scope": "default",
29084
29603
  "line": {
29085
- "start": 177,
29086
- "end": 177
29604
+ "start": 27,
29605
+ "end": 27
29087
29606
  }
29088
29607
  },
29089
29608
  "group": [
29090
- "color-system"
29609
+ "radii"
29091
29610
  ],
29092
29611
  "access": "public",
29093
29612
  "file": {
29094
- "path": "core/scss/color-system/_swatch.scss",
29095
- "name": "_swatch.scss"
29613
+ "path": "core/scss/border-radii/index.import.scss",
29614
+ "name": "index.import.scss"
29096
29615
  },
29097
- "usedBy": [
29098
- {
29099
- "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",
29100
- "context": {
29101
- "type": "function",
29102
- "name": "k-color",
29103
- "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",
29104
- "line": {
29105
- "start": 130,
29106
- "end": 138
29107
- }
29108
- }
29109
- }
29110
- ],
29111
- "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)",
29112
- "resolvedType": "Map"
29113
- }
29114
- ]
29115
- },
29116
- {
29117
- "id": "elevation",
29118
- "title": "Elevation",
29119
- "variables": [
29616
+ "resolvedValue": "9999px",
29617
+ "resolvedType": "Number"
29618
+ },
29120
29619
  {
29121
- "description": "The global default Elevation map.\n",
29620
+ "description": "The global radii Map.\n",
29122
29621
  "commentRange": {
29123
- "start": 42,
29124
- "end": 43
29622
+ "start": 45,
29623
+ "end": 46
29125
29624
  },
29126
29625
  "context": {
29127
29626
  "type": "variable",
29128
- "name": "kendo-elevation",
29129
- "value": "$_default-elevation",
29130
- "scope": "default",
29627
+ "name": "kendo-border-radii",
29628
+ "value": "k-map-merge($_default-border-radii, $kendo-border-radii)",
29629
+ "scope": "private",
29131
29630
  "line": {
29132
- "start": 44,
29133
- "end": 44
29631
+ "start": 47,
29632
+ "end": 47
29134
29633
  }
29135
29634
  },
29136
29635
  "group": [
29137
- "elevation"
29636
+ "radii"
29138
29637
  ],
29139
29638
  "access": "public",
29140
29639
  "file": {
29141
- "path": "core/scss/elevation/index.import.scss",
29640
+ "path": "core/scss/border-radii/index.import.scss",
29142
29641
  "name": "index.import.scss"
29143
29642
  },
29144
- "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)))",
29145
- "resolvedType": "Map"
29643
+ "resolvedValue": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
29644
+ "resolvedType": "Map",
29645
+ "prettyValue": {
29646
+ "none": "0px",
29647
+ "xs": "1px",
29648
+ "sm": "0.125rem",
29649
+ "md": "0.25rem",
29650
+ "lg": "0.375rem",
29651
+ "xl": "0.5rem",
29652
+ "xxl": "0.75rem",
29653
+ "xxxl": "1rem",
29654
+ "full": "9999px"
29655
+ }
29146
29656
  }
29147
29657
  ]
29148
29658
  },
29149
29659
  {
29150
- "id": "radii",
29151
- "title": "Radii",
29660
+ "id": "color-system",
29661
+ "title": "Color System",
29152
29662
  "variables": [
29153
29663
  {
29154
- "description": "The none border radius used across the Components.\n",
29664
+ "description": "The color white.\nNote: you cannot change this value.\n",
29155
29665
  "commentRange": {
29156
- "start": 1,
29157
- "end": 2
29666
+ "start": 3,
29667
+ "end": 6
29158
29668
  },
29159
29669
  "context": {
29160
29670
  "type": "variable",
29161
- "name": "kendo-border-radius-none",
29162
- "value": "k-map-get($kendo-spacing, 0)",
29163
- "scope": "default",
29671
+ "name": "kendo-color-white",
29672
+ "value": "#ffffff",
29673
+ "scope": "private",
29164
29674
  "line": {
29165
- "start": 3,
29166
- "end": 3
29675
+ "start": 7,
29676
+ "end": 7
29167
29677
  }
29168
29678
  },
29679
+ "type": "Color",
29169
29680
  "group": [
29170
- "radii"
29681
+ "color-system"
29171
29682
  ],
29172
29683
  "access": "public",
29173
29684
  "file": {
29174
- "path": "core/scss/border-radii/index.import.scss",
29175
- "name": "index.import.scss"
29685
+ "path": "core/scss/color-system/_constants.scss",
29686
+ "name": "_constants.scss"
29176
29687
  },
29177
- "resolvedValue": "0px",
29178
- "resolvedType": "Number"
29688
+ "resolvedValue": "#ffffff",
29689
+ "resolvedType": "Color"
29179
29690
  },
29180
29691
  {
29181
- "description": "The extra small border radius used across the Components.\n",
29692
+ "description": "The color black.\nNote: you cannot change this value.\n",
29182
29693
  "commentRange": {
29183
- "start": 4,
29184
- "end": 5
29694
+ "start": 9,
29695
+ "end": 12
29185
29696
  },
29186
29697
  "context": {
29187
- "type": "variable",
29188
- "name": "kendo-border-radius-xs",
29189
- "value": "k-map-get($kendo-spacing, 1px)",
29190
- "scope": "default",
29698
+ "type": "variable",
29699
+ "name": "kendo-color-black",
29700
+ "value": "#000000",
29701
+ "scope": "private",
29191
29702
  "line": {
29192
- "start": 6,
29193
- "end": 6
29703
+ "start": 13,
29704
+ "end": 13
29194
29705
  }
29195
29706
  },
29707
+ "type": "Color",
29196
29708
  "group": [
29197
- "radii"
29709
+ "color-system"
29198
29710
  ],
29199
29711
  "access": "public",
29200
29712
  "file": {
29201
- "path": "core/scss/border-radii/index.import.scss",
29202
- "name": "index.import.scss"
29713
+ "path": "core/scss/color-system/_constants.scss",
29714
+ "name": "_constants.scss"
29203
29715
  },
29204
- "resolvedValue": "1px",
29205
- "resolvedType": "Number"
29716
+ "resolvedValue": "#000000",
29717
+ "resolvedType": "Color"
29206
29718
  },
29207
29719
  {
29208
- "description": "The small border radius used across the Components.\n",
29720
+ "description": "The color transparent.\nNote: you cannot change this value.\n",
29209
29721
  "commentRange": {
29210
- "start": 7,
29211
- "end": 8
29722
+ "start": 15,
29723
+ "end": 18
29212
29724
  },
29213
29725
  "context": {
29214
29726
  "type": "variable",
29215
- "name": "kendo-border-radius-sm",
29216
- "value": "k-map-get($kendo-spacing, 0.5)",
29217
- "scope": "default",
29727
+ "name": "kendo-color-rgba-transparent",
29728
+ "value": "rgba(0, 0, 0, 0)",
29729
+ "scope": "private",
29218
29730
  "line": {
29219
- "start": 9,
29220
- "end": 9
29731
+ "start": 19,
29732
+ "end": 19
29221
29733
  }
29222
29734
  },
29735
+ "type": "Color",
29223
29736
  "group": [
29224
- "radii"
29737
+ "color-system"
29225
29738
  ],
29226
29739
  "access": "public",
29227
29740
  "file": {
29228
- "path": "core/scss/border-radii/index.import.scss",
29229
- "name": "index.import.scss"
29741
+ "path": "core/scss/color-system/_constants.scss",
29742
+ "name": "_constants.scss"
29230
29743
  },
29231
- "resolvedValue": "0.125rem",
29232
- "resolvedType": "Number"
29744
+ "resolvedValue": "rgba(0, 0, 0, 0)",
29745
+ "resolvedType": "Color"
29233
29746
  },
29234
29747
  {
29235
- "description": "The medium border radius used across the Components.\n",
29748
+ "description": "A gradient that goes from transparent to black.\nNote: you cannot change this value.\n",
29236
29749
  "commentRange": {
29237
- "start": 10,
29238
- "end": 11
29750
+ "start": 21,
29751
+ "end": 24
29239
29752
  },
29240
29753
  "context": {
29241
29754
  "type": "variable",
29242
- "name": "kendo-border-radius-md",
29243
- "value": "k-map-get($kendo-spacing, 1)",
29244
- "scope": "default",
29755
+ "name": "kendo-gradient-transparent-to-black",
29756
+ "value": "rgba(black, 0), black",
29757
+ "scope": "private",
29245
29758
  "line": {
29246
- "start": 12,
29247
- "end": 12
29759
+ "start": 25,
29760
+ "end": 25
29248
29761
  }
29249
29762
  },
29763
+ "type": "Gradient",
29250
29764
  "group": [
29251
- "radii"
29765
+ "color-system"
29252
29766
  ],
29253
29767
  "access": "public",
29254
29768
  "file": {
29255
- "path": "core/scss/border-radii/index.import.scss",
29256
- "name": "index.import.scss"
29769
+ "path": "core/scss/color-system/_constants.scss",
29770
+ "name": "_constants.scss"
29257
29771
  },
29258
- "resolvedValue": "0.25rem",
29259
- "resolvedType": "Number"
29772
+ "resolvedValue": "rgba(0, 0, 0, 0), black",
29773
+ "resolvedType": "Gradient"
29260
29774
  },
29261
29775
  {
29262
- "description": "The large border radius used across the Components.\n",
29776
+ "description": "A gradient that goes from transparent to white.\nNote: you cannot change this value.\n",
29263
29777
  "commentRange": {
29264
- "start": 13,
29265
- "end": 14
29778
+ "start": 27,
29779
+ "end": 30
29266
29780
  },
29267
29781
  "context": {
29268
29782
  "type": "variable",
29269
- "name": "kendo-border-radius-lg",
29270
- "value": "k-map-get($kendo-spacing, 1.5)",
29271
- "scope": "default",
29783
+ "name": "kendo-gradient-transparent-to-white",
29784
+ "value": "rgba(white, 0), white",
29785
+ "scope": "private",
29272
29786
  "line": {
29273
- "start": 15,
29274
- "end": 15
29787
+ "start": 31,
29788
+ "end": 31
29275
29789
  }
29276
29790
  },
29791
+ "type": "Gradient",
29277
29792
  "group": [
29278
- "radii"
29793
+ "color-system"
29279
29794
  ],
29280
29795
  "access": "public",
29281
29796
  "file": {
29282
- "path": "core/scss/border-radii/index.import.scss",
29283
- "name": "index.import.scss"
29797
+ "path": "core/scss/color-system/_constants.scss",
29798
+ "name": "_constants.scss"
29284
29799
  },
29285
- "resolvedValue": "0.375rem",
29286
- "resolvedType": "Number"
29800
+ "resolvedValue": "rgba(255, 255, 255, 0), white",
29801
+ "resolvedType": "Gradient"
29287
29802
  },
29288
29803
  {
29289
- "description": "The extra large border radius used across the Components.\n",
29804
+ "description": "A gradient that goes from black to transparent.\nNote: you cannot change this value.\n",
29290
29805
  "commentRange": {
29291
- "start": 16,
29292
- "end": 17
29806
+ "start": 33,
29807
+ "end": 36
29293
29808
  },
29294
29809
  "context": {
29295
29810
  "type": "variable",
29296
- "name": "kendo-border-radius-xl",
29297
- "value": "k-map-get($kendo-spacing, 2)",
29298
- "scope": "default",
29811
+ "name": "kendo-gradient-black-to-transparent",
29812
+ "value": "black, rgba(black, 0)",
29813
+ "scope": "private",
29299
29814
  "line": {
29300
- "start": 18,
29301
- "end": 18
29815
+ "start": 37,
29816
+ "end": 37
29302
29817
  }
29303
29818
  },
29819
+ "type": "Gradient",
29304
29820
  "group": [
29305
- "radii"
29821
+ "color-system"
29306
29822
  ],
29307
29823
  "access": "public",
29308
29824
  "file": {
29309
- "path": "core/scss/border-radii/index.import.scss",
29310
- "name": "index.import.scss"
29825
+ "path": "core/scss/color-system/_constants.scss",
29826
+ "name": "_constants.scss"
29311
29827
  },
29312
- "resolvedValue": "0.5rem",
29313
- "resolvedType": "Number"
29828
+ "resolvedValue": "black, rgba(0, 0, 0, 0)",
29829
+ "resolvedType": "Gradient"
29314
29830
  },
29315
29831
  {
29316
- "description": "The third largest border radius used across the Components.\n",
29832
+ "description": "A gradient that goes from white to transparent.\nNote: you cannot change this value.\n",
29317
29833
  "commentRange": {
29318
- "start": 19,
29319
- "end": 20
29834
+ "start": 39,
29835
+ "end": 42
29320
29836
  },
29321
29837
  "context": {
29322
29838
  "type": "variable",
29323
- "name": "kendo-border-radius-xxl",
29324
- "value": "k-map-get($kendo-spacing, 3)",
29325
- "scope": "default",
29839
+ "name": "kendo-gradient-white-to-transparent",
29840
+ "value": "white, rgba(white, 0)",
29841
+ "scope": "private",
29326
29842
  "line": {
29327
- "start": 21,
29328
- "end": 21
29843
+ "start": 43,
29844
+ "end": 43
29329
29845
  }
29330
29846
  },
29847
+ "type": "Gradient",
29331
29848
  "group": [
29332
- "radii"
29849
+ "color-system"
29333
29850
  ],
29334
29851
  "access": "public",
29335
29852
  "file": {
29336
- "path": "core/scss/border-radii/index.import.scss",
29337
- "name": "index.import.scss"
29853
+ "path": "core/scss/color-system/_constants.scss",
29854
+ "name": "_constants.scss"
29338
29855
  },
29339
- "resolvedValue": "0.75rem",
29340
- "resolvedType": "Number"
29856
+ "resolvedValue": "white, rgba(255, 255, 255, 0)",
29857
+ "resolvedType": "Gradient"
29341
29858
  },
29342
29859
  {
29343
- "description": "The second largest border radius used across the Components.\n",
29860
+ "description": "A gradient that cycles through the colors of the rainbow.\nNote: you cannot change this value.\n",
29344
29861
  "commentRange": {
29345
- "start": 22,
29346
- "end": 23
29862
+ "start": 45,
29863
+ "end": 48
29347
29864
  },
29348
29865
  "context": {
29349
29866
  "type": "variable",
29350
- "name": "kendo-border-radius-xxxl",
29351
- "value": "k-map-get($kendo-spacing, 4)",
29352
- "scope": "default",
29867
+ "name": "kendo-gradient-rainbow",
29868
+ "value": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
29869
+ "scope": "private",
29353
29870
  "line": {
29354
- "start": 24,
29355
- "end": 24
29871
+ "start": 49,
29872
+ "end": 49
29356
29873
  }
29357
29874
  },
29875
+ "type": "Gradient",
29358
29876
  "group": [
29359
- "radii"
29877
+ "color-system"
29360
29878
  ],
29361
29879
  "access": "public",
29362
29880
  "file": {
29363
- "path": "core/scss/border-radii/index.import.scss",
29364
- "name": "index.import.scss"
29881
+ "path": "core/scss/color-system/_constants.scss",
29882
+ "name": "_constants.scss"
29365
29883
  },
29366
- "resolvedValue": "1rem",
29367
- "resolvedType": "Number"
29884
+ "resolvedValue": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
29885
+ "resolvedType": "Gradient"
29368
29886
  },
29369
29887
  {
29370
- "description": "The largest border radius used across the Components.\n",
29888
+ "description": "The global default Colors map.\n",
29371
29889
  "commentRange": {
29372
- "start": 25,
29373
- "end": 26
29890
+ "start": 175,
29891
+ "end": 176
29374
29892
  },
29375
29893
  "context": {
29376
29894
  "type": "variable",
29377
- "name": "kendo-border-radius-full",
29378
- "value": "9999px",
29895
+ "name": "kendo-colors",
29896
+ "value": "$_default-colors",
29379
29897
  "scope": "default",
29380
29898
  "line": {
29381
- "start": 27,
29382
- "end": 27
29899
+ "start": 177,
29900
+ "end": 177
29383
29901
  }
29384
29902
  },
29385
29903
  "group": [
29386
- "radii"
29904
+ "color-system"
29387
29905
  ],
29388
29906
  "access": "public",
29389
29907
  "file": {
29390
- "path": "core/scss/border-radii/index.import.scss",
29391
- "name": "index.import.scss"
29908
+ "path": "core/scss/color-system/_swatch.scss",
29909
+ "name": "_swatch.scss"
29392
29910
  },
29393
- "resolvedValue": "9999px",
29394
- "resolvedType": "Number"
29395
- },
29911
+ "usedBy": [
29912
+ {
29913
+ "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",
29914
+ "context": {
29915
+ "type": "function",
29916
+ "name": "k-color",
29917
+ "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",
29918
+ "line": {
29919
+ "start": 130,
29920
+ "end": 138
29921
+ }
29922
+ }
29923
+ }
29924
+ ],
29925
+ "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)",
29926
+ "resolvedType": "Map",
29927
+ "prettyValue": {
29928
+ "app-surface": null,
29929
+ "on-app-surface": null,
29930
+ "subtle": null,
29931
+ "surface": null,
29932
+ "surface-alt": null,
29933
+ "border": null,
29934
+ "border-alt": null,
29935
+ "base-subtle": null,
29936
+ "base-subtle-hover": null,
29937
+ "base-subtle-active": null,
29938
+ "base": null,
29939
+ "base-hover": null,
29940
+ "base-active": null,
29941
+ "base-emphasis": null,
29942
+ "base-on-subtle": null,
29943
+ "on-base": null,
29944
+ "base-on-surface": null,
29945
+ "primary-subtle": null,
29946
+ "primary-subtle-hover": null,
29947
+ "primary-subtle-active": null,
29948
+ "primary": null,
29949
+ "primary-hover": null,
29950
+ "primary-active": null,
29951
+ "primary-emphasis": null,
29952
+ "primary-on-subtle": null,
29953
+ "on-primary": null,
29954
+ "primary-on-surface": null,
29955
+ "secondary-subtle": null,
29956
+ "secondary-subtle-hover": null,
29957
+ "secondary-subtle-active": null,
29958
+ "secondary": null,
29959
+ "secondary-hover": null,
29960
+ "secondary-active": null,
29961
+ "secondary-emphasis": null,
29962
+ "secondary-on-subtle": null,
29963
+ "on-secondary": null,
29964
+ "secondary-on-surface": null,
29965
+ "tertiary-subtle": null,
29966
+ "tertiary-subtle-hover": null,
29967
+ "tertiary-subtle-active": null,
29968
+ "tertiary": null,
29969
+ "tertiary-hover": null,
29970
+ "tertiary-active": null,
29971
+ "tertiary-emphasis": null,
29972
+ "tertiary-on-subtle": null,
29973
+ "on-tertiary": null,
29974
+ "tertiary-on-surface": null,
29975
+ "info-subtle": null,
29976
+ "info-subtle-hover": null,
29977
+ "info-subtle-active": null,
29978
+ "info": null,
29979
+ "info-hover": null,
29980
+ "info-active": null,
29981
+ "info-emphasis": null,
29982
+ "info-on-subtle": null,
29983
+ "on-info": null,
29984
+ "info-on-surface": null,
29985
+ "success-subtle": null,
29986
+ "success-subtle-hover": null,
29987
+ "success-subtle-active": null,
29988
+ "success": null,
29989
+ "success-hover": null,
29990
+ "success-active": null,
29991
+ "success-emphasis": null,
29992
+ "success-on-subtle": null,
29993
+ "on-success": null,
29994
+ "success-on-surface": null,
29995
+ "warning-subtle": null,
29996
+ "warning-subtle-hover": null,
29997
+ "warning-subtle-active": null,
29998
+ "warning": null,
29999
+ "warning-hover": null,
30000
+ "warning-active": null,
30001
+ "warning-emphasis": null,
30002
+ "warning-on-subtle": null,
30003
+ "on-warning": null,
30004
+ "warning-on-surface": null,
30005
+ "error-subtle": null,
30006
+ "error-subtle-hover": null,
30007
+ "error-subtle-active": null,
30008
+ "error": null,
30009
+ "error-hover": null,
30010
+ "error-active": null,
30011
+ "error-emphasis": null,
30012
+ "error-on-subtle": null,
30013
+ "on-error": null,
30014
+ "error-on-surface": null,
30015
+ "light-subtle": null,
30016
+ "light-subtle-hover": null,
30017
+ "light-subtle-active": null,
30018
+ "light": null,
30019
+ "light-hover": null,
30020
+ "light-active": null,
30021
+ "light-emphasis": null,
30022
+ "light-on-subtle": null,
30023
+ "on-light": null,
30024
+ "light-on-surface": null,
30025
+ "dark-subtle": null,
30026
+ "dark-subtle-hover": null,
30027
+ "dark-subtle-active": null,
30028
+ "dark": null,
30029
+ "dark-hover": null,
30030
+ "dark-active": null,
30031
+ "dark-emphasis": null,
30032
+ "dark-on-subtle": null,
30033
+ "on-dark": null,
30034
+ "dark-on-surface": null,
30035
+ "inverse-subtle": null,
30036
+ "inverse-subtle-hover": null,
30037
+ "inverse-subtle-active": null,
30038
+ "inverse": null,
30039
+ "inverse-hover": null,
30040
+ "inverse-active": null,
30041
+ "inverse-emphasis": null,
30042
+ "inverse-on-subtle": null,
30043
+ "on-inverse": null,
30044
+ "inverse-on-surface": null,
30045
+ "series-a": null,
30046
+ "series-a-bold": null,
30047
+ "series-a-bolder": null,
30048
+ "series-a-subtle": null,
30049
+ "series-a-subtler": null,
30050
+ "series-b": null,
30051
+ "series-b-bold": null,
30052
+ "series-b-bolder": null,
30053
+ "series-b-subtle": null,
30054
+ "series-b-subtler": null,
30055
+ "series-c": null,
30056
+ "series-c-bold": null,
30057
+ "series-c-bolder": null,
30058
+ "series-c-subtle": null,
30059
+ "series-c-subtler": null,
30060
+ "series-d": null,
30061
+ "series-d-bold": null,
30062
+ "series-d-bolder": null,
30063
+ "series-d-subtle": null,
30064
+ "series-d-subtler": null,
30065
+ "series-e": null,
30066
+ "series-e-bold": null,
30067
+ "series-e-bolder": null,
30068
+ "series-e-subtle": null,
30069
+ "series-e-subtler": null,
30070
+ "series-f": null,
30071
+ "series-f-bold": null,
30072
+ "series-f-bolder": null,
30073
+ "series-f-subtle": null,
30074
+ "series-f-subtler": null
30075
+ }
30076
+ }
30077
+ ]
30078
+ },
30079
+ {
30080
+ "id": "elevation",
30081
+ "title": "Elevation",
30082
+ "variables": [
29396
30083
  {
29397
- "description": "The global radii Map.\n",
30084
+ "description": "The global default Elevation map.\n",
29398
30085
  "commentRange": {
29399
- "start": 45,
29400
- "end": 46
30086
+ "start": 42,
30087
+ "end": 43
29401
30088
  },
29402
30089
  "context": {
29403
30090
  "type": "variable",
29404
- "name": "kendo-border-radii",
29405
- "value": "k-map-merge($_default-border-radii, $kendo-border-radii)",
29406
- "scope": "private",
30091
+ "name": "kendo-elevation",
30092
+ "value": "$_default-elevation",
30093
+ "scope": "default",
29407
30094
  "line": {
29408
- "start": 47,
29409
- "end": 47
30095
+ "start": 44,
30096
+ "end": 44
29410
30097
  }
29411
30098
  },
29412
30099
  "group": [
29413
- "radii"
30100
+ "elevation"
29414
30101
  ],
29415
30102
  "access": "public",
29416
30103
  "file": {
29417
- "path": "core/scss/border-radii/index.import.scss",
30104
+ "path": "core/scss/elevation/index.import.scss",
29418
30105
  "name": "index.import.scss"
29419
30106
  },
29420
- "resolvedValue": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
29421
- "resolvedType": "Map"
30107
+ "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)))",
30108
+ "resolvedType": "Map",
30109
+ "prettyValue": {
30110
+ "1": "0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)",
30111
+ "2": "0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)",
30112
+ "3": "0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)",
30113
+ "4": "0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)",
30114
+ "5": "0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)",
30115
+ "6": "0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)",
30116
+ "7": "0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)",
30117
+ "8": "0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)",
30118
+ "9": "0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)"
30119
+ }
29422
30120
  }
29423
30121
  ]
29424
30122
  },
@@ -29451,7 +30149,49 @@
29451
30149
  "name": "index.import.scss"
29452
30150
  },
29453
30151
  "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)",
29454
- "resolvedType": "Map"
30152
+ "resolvedType": "Map",
30153
+ "prettyValue": {
30154
+ "0": "0px",
30155
+ "1": "0.25rem",
30156
+ "2": "0.5rem",
30157
+ "3": "0.75rem",
30158
+ "4": "1rem",
30159
+ "5": "1.25rem",
30160
+ "6": "1.5rem",
30161
+ "7": "1.75rem",
30162
+ "8": "2rem",
30163
+ "9": "2.25rem",
30164
+ "10": "2.5rem",
30165
+ "11": "2.75rem",
30166
+ "12": "3rem",
30167
+ "13": "3.25rem",
30168
+ "14": "3.5rem",
30169
+ "15": "3.75rem",
30170
+ "16": "4rem",
30171
+ "17": "4.25rem",
30172
+ "18": "4.5rem",
30173
+ "19": "4.75rem",
30174
+ "20": "5rem",
30175
+ "21": "5.25rem",
30176
+ "22": "5.5rem",
30177
+ "23": "5.75rem",
30178
+ "24": "6rem",
30179
+ "25": "7rem",
30180
+ "26": "8rem",
30181
+ "27": "9rem",
30182
+ "28": "10rem",
30183
+ "29": "11rem",
30184
+ "30": "12rem",
30185
+ "1px": "1px",
30186
+ "0.5": "0.125rem",
30187
+ "1.5": "0.375rem",
30188
+ "2.5": "0.625rem",
30189
+ "3.5": "0.875rem",
30190
+ "4.5": "1.125rem",
30191
+ "5.5": "1.375rem",
30192
+ "6.5": "1.625rem",
30193
+ "7.5": "1.875rem"
30194
+ }
29455
30195
  }
29456
30196
  ]
29457
30197
  },
@@ -30456,7 +31196,15 @@
30456
31196
  "name": "index.import.scss"
30457
31197
  },
30458
31198
  "resolvedValue": "(xxs: 0.5rem, xs: 0.625rem, sm: 0.75rem, md: 0.875rem, lg: 1rem, xl: 1.25rem)",
30459
- "resolvedType": "Map"
31199
+ "resolvedType": "Map",
31200
+ "prettyValue": {
31201
+ "xxs": "0.5rem",
31202
+ "xs": "0.625rem",
31203
+ "sm": "0.75rem",
31204
+ "md": "0.875rem",
31205
+ "lg": "1rem",
31206
+ "xl": "1.25rem"
31207
+ }
30460
31208
  },
30461
31209
  {
30462
31210
  "description": "The line heights map\n",
@@ -30483,7 +31231,13 @@
30483
31231
  "name": "index.import.scss"
30484
31232
  },
30485
31233
  "resolvedValue": "(xs: 1, sm: 1.25, md: 1.4285714286, lg: 1.5)",
30486
- "resolvedType": "Map"
31234
+ "resolvedType": "Map",
31235
+ "prettyValue": {
31236
+ "xs": 1,
31237
+ "sm": 1.25,
31238
+ "md": 1.4285714285714286,
31239
+ "lg": 1.5
31240
+ }
30487
31241
  },
30488
31242
  {
30489
31243
  "description": "The font weights map\n",
@@ -30510,7 +31264,16 @@
30510
31264
  "name": "index.import.scss"
30511
31265
  },
30512
31266
  "resolvedValue": "(thin: 100, extra-light: 200, light: 300, normal: 400, medium: 500, semibold: 600, bold: 700)",
30513
- "resolvedType": "Map"
31267
+ "resolvedType": "Map",
31268
+ "prettyValue": {
31269
+ "thin": 100,
31270
+ "extra-light": 200,
31271
+ "light": 300,
31272
+ "normal": 400,
31273
+ "medium": 500,
31274
+ "semibold": 600,
31275
+ "bold": 700
31276
+ }
30514
31277
  },
30515
31278
  {
30516
31279
  "description": "The letter spacings map\n",
@@ -30537,7 +31300,16 @@
30537
31300
  "name": "index.import.scss"
30538
31301
  },
30539
31302
  "resolvedValue": "(tightest: -0.15px, tighter: -0.1px, tight: -0.5px, normal: 0px, wide: 0.5px, wider: 0.1px, widest: 0.15px)",
30540
- "resolvedType": "Map"
31303
+ "resolvedType": "Map",
31304
+ "prettyValue": {
31305
+ "tightest": "-0.15px",
31306
+ "tighter": "-0.1px",
31307
+ "tight": "-0.5px",
31308
+ "normal": "0px",
31309
+ "wide": "0.5px",
31310
+ "wider": "0.1px",
31311
+ "widest": "0.15px"
31312
+ }
30541
31313
  },
30542
31314
  {
30543
31315
  "description": "The font families map\n",
@@ -30564,7 +31336,13 @@
30564
31336
  "name": "index.import.scss"
30565
31337
  },
30566
31338
  "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))",
30567
- "resolvedType": "Map"
31339
+ "resolvedType": "Map",
31340
+ "prettyValue": {
31341
+ "sans": "Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans",
31342
+ "serif": "\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville",
31343
+ "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\"",
31344
+ "monospace": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace"
31345
+ }
30568
31346
  }
30569
31347
  ]
30570
31348
  }