igniteui-theming 4.2.0 → 4.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/json/typography/presets/typescales.json +1 -1
  2. package/package.json +1 -1
  3. package/sass/themes/schemas/components/dark/_action-strip.scss +3 -3
  4. package/sass/themes/schemas/components/dark/_avatar.scss +3 -3
  5. package/sass/themes/schemas/components/dark/_badge.scss +3 -3
  6. package/sass/themes/schemas/components/dark/_banner.scss +3 -3
  7. package/sass/themes/schemas/components/dark/_bottom-nav.scss +8 -17
  8. package/sass/themes/schemas/components/dark/_button-group.scss +3 -3
  9. package/sass/themes/schemas/components/dark/_button.scss +224 -146
  10. package/sass/themes/schemas/components/dark/_calendar.scss +4 -4
  11. package/sass/themes/schemas/components/dark/_card.scss +4 -4
  12. package/sass/themes/schemas/components/dark/_carousel.scss +3 -3
  13. package/sass/themes/schemas/components/dark/_checkbox.scss +3 -3
  14. package/sass/themes/schemas/components/dark/_chip.scss +6 -6
  15. package/sass/themes/schemas/components/dark/_column-actions.scss +6 -6
  16. package/sass/themes/schemas/components/dark/_combo.scss +3 -3
  17. package/sass/themes/schemas/components/dark/_date-range-picker.scss +3 -3
  18. package/sass/themes/schemas/components/dark/_dialog.scss +3 -3
  19. package/sass/themes/schemas/components/dark/_divider.scss +3 -3
  20. package/sass/themes/schemas/components/dark/_dock-manager.scss +6 -0
  21. package/sass/themes/schemas/components/dark/_drop-down.scss +3 -3
  22. package/sass/themes/schemas/components/dark/_expansion-panel.scss +3 -3
  23. package/sass/themes/schemas/components/dark/_grid-filtering.scss +3 -3
  24. package/sass/themes/schemas/components/dark/_grid-summary.scss +3 -3
  25. package/sass/themes/schemas/components/dark/_grid-toolbar.scss +5 -5
  26. package/sass/themes/schemas/components/dark/_grid.scss +4 -20
  27. package/sass/themes/schemas/components/dark/_highlight.scss +6 -0
  28. package/sass/themes/schemas/components/dark/_icon-button.scss +125 -24
  29. package/sass/themes/schemas/components/dark/_icon.scss +6 -6
  30. package/sass/themes/schemas/components/dark/_index.scss +53 -53
  31. package/sass/themes/schemas/components/dark/_input-group.scss +9 -15
  32. package/sass/themes/schemas/components/dark/_label.scss +3 -3
  33. package/sass/themes/schemas/components/dark/_list.scss +8 -9
  34. package/sass/themes/schemas/components/dark/_navbar.scss +3 -3
  35. package/sass/themes/schemas/components/dark/_navdrawer.scss +6 -3
  36. package/sass/themes/schemas/components/dark/_overlay.scss +3 -3
  37. package/sass/themes/schemas/components/dark/_pagination.scss +6 -6
  38. package/sass/themes/schemas/components/dark/_pivot-data-selector.scss +6 -5
  39. package/sass/themes/schemas/components/dark/_progress.scss +14 -10
  40. package/sass/themes/schemas/components/dark/_query-builder.scss +7 -7
  41. package/sass/themes/schemas/components/dark/_radio.scss +26 -36
  42. package/sass/themes/schemas/components/dark/_rating.scss +3 -3
  43. package/sass/themes/schemas/components/dark/_ripple.scss +3 -3
  44. package/sass/themes/schemas/components/dark/_scrollbar.scss +4 -5
  45. package/sass/themes/schemas/components/dark/_select.scss +3 -3
  46. package/sass/themes/schemas/components/dark/_slider.scss +3 -3
  47. package/sass/themes/schemas/components/dark/_snackbar.scss +3 -3
  48. package/sass/themes/schemas/components/dark/_splitter.scss +2 -2
  49. package/sass/themes/schemas/components/dark/_stepper.scss +4 -4
  50. package/sass/themes/schemas/components/dark/_switch.scss +5 -14
  51. package/sass/themes/schemas/components/dark/_tabs.scss +5 -5
  52. package/sass/themes/schemas/components/dark/_time-picker.scss +3 -3
  53. package/sass/themes/schemas/components/dark/_toast.scss +6 -4
  54. package/sass/themes/schemas/components/dark/_tooltip.scss +3 -4
  55. package/sass/themes/schemas/components/dark/_tree.scss +6 -33
  56. package/sass/themes/schemas/components/dark/_watermark.scss +16 -26
  57. package/sass/themes/schemas/components/elevation/_button.scss +2 -2
  58. package/sass/themes/schemas/components/light/_action-strip.scss +9 -0
  59. package/sass/themes/schemas/components/light/_avatar.scss +5 -3
  60. package/sass/themes/schemas/components/light/_badge.scss +5 -0
  61. package/sass/themes/schemas/components/light/_banner.scss +5 -0
  62. package/sass/themes/schemas/components/light/_bottom-nav.scss +5 -0
  63. package/sass/themes/schemas/components/light/_button-group.scss +52 -49
  64. package/sass/themes/schemas/components/light/_button.scss +425 -430
  65. package/sass/themes/schemas/components/light/_calendar.scss +66 -56
  66. package/sass/themes/schemas/components/light/_card.scss +18 -33
  67. package/sass/themes/schemas/components/light/_carousel.scss +7 -0
  68. package/sass/themes/schemas/components/light/_checkbox.scss +37 -53
  69. package/sass/themes/schemas/components/light/_chip.scss +63 -77
  70. package/sass/themes/schemas/components/light/_column-actions.scss +5 -0
  71. package/sass/themes/schemas/components/light/_combo.scss +31 -36
  72. package/sass/themes/schemas/components/light/_date-range-picker.scss +5 -0
  73. package/sass/themes/schemas/components/light/_dialog.scss +5 -0
  74. package/sass/themes/schemas/components/light/_divider.scss +5 -0
  75. package/sass/themes/schemas/components/light/_dock-manager.scss +68 -97
  76. package/sass/themes/schemas/components/light/_drop-down.scss +68 -89
  77. package/sass/themes/schemas/components/light/_expansion-panel.scss +5 -0
  78. package/sass/themes/schemas/components/light/_grid-filtering.scss +6 -9
  79. package/sass/themes/schemas/components/light/_grid-summary.scss +5 -0
  80. package/sass/themes/schemas/components/light/_grid-toolbar.scss +5 -0
  81. package/sass/themes/schemas/components/light/_grid.scss +98 -171
  82. package/sass/themes/schemas/components/light/_highlight.scss +5 -0
  83. package/sass/themes/schemas/components/light/_icon-button.scss +132 -53
  84. package/sass/themes/schemas/components/light/_icon.scss +5 -0
  85. package/sass/themes/schemas/components/light/_index.scss +53 -53
  86. package/sass/themes/schemas/components/light/_input-group.scss +35 -116
  87. package/sass/themes/schemas/components/light/_label.scss +9 -11
  88. package/sass/themes/schemas/components/light/_list.scss +6 -1
  89. package/sass/themes/schemas/components/light/_navbar.scss +6 -1
  90. package/sass/themes/schemas/components/light/_navdrawer.scss +6 -1
  91. package/sass/themes/schemas/components/light/_overlay.scss +6 -1
  92. package/sass/themes/schemas/components/light/_pagination.scss +7 -2
  93. package/sass/themes/schemas/components/light/_pivot-data-selector.scss +6 -1
  94. package/sass/themes/schemas/components/light/_progress.scss +14 -42
  95. package/sass/themes/schemas/components/light/_query-builder.scss +10 -11
  96. package/sass/themes/schemas/components/light/_radio.scss +57 -67
  97. package/sass/themes/schemas/components/light/_rating.scss +22 -42
  98. package/sass/themes/schemas/components/light/_ripple.scss +6 -1
  99. package/sass/themes/schemas/components/light/_scrollbar.scss +6 -12
  100. package/sass/themes/schemas/components/light/_select.scss +20 -18
  101. package/sass/themes/schemas/components/light/_slider.scss +65 -68
  102. package/sass/themes/schemas/components/light/_snackbar.scss +6 -6
  103. package/sass/themes/schemas/components/light/_splitter.scss +6 -2
  104. package/sass/themes/schemas/components/light/_stepper.scss +74 -141
  105. package/sass/themes/schemas/components/light/_switch.scss +101 -141
  106. package/sass/themes/schemas/components/light/_tabs.scss +19 -36
  107. package/sass/themes/schemas/components/light/_time-picker.scss +11 -4
  108. package/sass/themes/schemas/components/light/_toast.scss +6 -1
  109. package/sass/themes/schemas/components/light/_tooltip.scss +6 -1
  110. package/sass/themes/schemas/components/light/_tree.scss +49 -73
  111. package/sass/themes/schemas/components/light/_watermark.scss +6 -1
  112. package/sass/typography/presets/_fluent.scss +1 -1
  113. package/sass/utils/_map.scss +40 -0
@@ -1 +1 @@
1
- {"bootstrap":{"typeface":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","h1":{"font-size":"2.5rem","font-weight":"500","letter-spacing":"-0.09375rem","line-height":"3rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h2":{"font-size":"2rem","font-weight":"500","letter-spacing":"-0.03125rem","line-height":"2.4rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h3":{"font-size":"1.75rem","font-weight":"500","letter-spacing":"0","line-height":"2.1rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h4":{"font-size":"1.5rem","font-weight":"500","letter-spacing":"0.015625rem","line-height":"1.8rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h5":{"font-size":"1.25rem","font-weight":"500","letter-spacing":"0","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h6":{"font-size":"1rem","font-weight":"500","letter-spacing":"0.009375rem","line-height":"1.2rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.9rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.9rem","font-weight":"400","letter-spacing":"0.00625rem","line-height":"1.35rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"1rem","font-weight":"500","letter-spacing":"0.046875rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","letter-spacing":"0.09375rem","line-height":"1rem","text-transform":"uppercase"},"bootstrap_weekday":{"font-size":"0.8125rem","font-weight":"400","line-height":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"}},"fluent":{"typeface":"'Open Sans', Helvetica, Arial, sans-serif","h1":{"font-size":"4.25rem","font-weight":"700","letter-spacing":"-0.09375rem","line-height":"4.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h2":{"font-size":"2.625rem","font-weight":"700","letter-spacing":"-0.03125rem","line-height":"3.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h3":{"font-size":"2rem","font-weight":"600","letter-spacing":"0","line-height":"2.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h4":{"font-size":"1.75rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"2.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"400","letter-spacing":"0","line-height":"2rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.375rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"1.125rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.875rem","font-weight":"600","letter-spacing":"0.00625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.046875rem","line-height":"0.875rem","text-transform":"capitalize","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","font-style":"normal","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","letter-spacing":"0.09375rem","line-height":"0.875rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"}},"indigo":{"typeface":"'Nunito Sans', sans-serif","h1":{"font-size":"6rem","font-weight":"200","letter-spacing":"-0.09375rem","line-height":"7rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h2":{"font-size":"3.75rem","font-weight":"200","letter-spacing":"-0.03125rem","line-height":"4.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h3":{"font-size":"3rem","font-weight":"200","letter-spacing":"0","line-height":"3.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h4":{"font-size":"2.25rem","font-weight":"200","letter-spacing":"0.015625rem","line-height":"2.625rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"200","letter-spacing":"0","line-height":"1.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"600","letter-spacing":"0.009375rem","line-height":"1.625rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"1rem","font-weight":"600","letter-spacing":"0.009375rem","line-height":"1.375rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.875rem","font-weight":"700","letter-spacing":"0.00625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"0.75rem","font-weight":"700","letter-spacing":"0.046875rem","line-height":"normal","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"normal","margin-top":"0","margin-bottom":"0"},"overline":{"font-size":"0.625rem","font-weight":"700","letter-spacing":"0.0125rem","line-height":"0.875rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"}},"material":{"typeface":"'Titillium Web', sans-serif","h1":{"font-size":"6rem","font-weight":"300","font-style":"normal","letter-spacing":"-0.09375rem","line-height":"7rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"3.5rem"},"h2":{"font-size":"3.75rem","font-weight":"300","font-style":"normal","letter-spacing":"-0.03125rem","line-height":"4.4375rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"1.75rem"},"h3":{"font-size":"3rem","font-weight":"400","font-style":"normal","letter-spacing":"0","line-height":"3.5625rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h4":{"font-size":"2.125rem","font-weight":"400","font-style":"normal","letter-spacing":"0.015625rem","line-height":"2.5rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"400","font-style":"normal","letter-spacing":"0","line-height":"1.75rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"600","font-style":"normal","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","font-style":"normal","letter-spacing":"0.03125rem","line-height":"1.75rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"1rem"},"body-2":{"font-size":"0.875rem","font-weight":"400","font-style":"normal","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none"},"subtitle-1":{"font-size":"1rem","font-weight":"400","font-style":"normal","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none"},"subtitle-2":{"font-size":"0.875rem","font-weight":"600","font-style":"normal","letter-spacing":"0.00625rem","line-height":"1.5rem","text-transform":"none"},"button":{"font-size":"0.875rem","font-weight":"600","font-style":"normal","letter-spacing":"0.046875rem","line-height":"1rem","text-transform":"uppercase"},"caption":{"font-size":"0.75rem","font-weight":"400","font-style":"normal","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","font-style":"normal","letter-spacing":"0.09375rem","line-height":"1rem","text-transform":"uppercase"}}}
1
+ {"bootstrap":{"typeface":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","h1":{"font-size":"2.5rem","font-weight":"500","letter-spacing":"-0.09375rem","line-height":"3rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h2":{"font-size":"2rem","font-weight":"500","letter-spacing":"-0.03125rem","line-height":"2.4rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h3":{"font-size":"1.75rem","font-weight":"500","letter-spacing":"0","line-height":"2.1rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h4":{"font-size":"1.5rem","font-weight":"500","letter-spacing":"0.015625rem","line-height":"1.8rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h5":{"font-size":"1.25rem","font-weight":"500","letter-spacing":"0","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"h6":{"font-size":"1rem","font-weight":"500","letter-spacing":"0.009375rem","line-height":"1.2rem","text-transform":"none","margin-top":"0","margin-bottom":"0.5rem"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.9rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.9rem","font-weight":"400","letter-spacing":"0.00625rem","line-height":"1.35rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"1rem","font-weight":"500","letter-spacing":"0.046875rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","letter-spacing":"0.09375rem","line-height":"1rem","text-transform":"uppercase"},"bootstrap_weekday":{"font-size":"0.8125rem","font-weight":"400","line-height":"normal","text-transform":"none","margin-top":"0","margin-bottom":"0"}},"fluent":{"typeface":"'Open Sans', Helvetica, Arial, sans-serif","h1":{"font-size":"4.25rem","font-weight":"700","letter-spacing":"-0.09375rem","line-height":"4.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h2":{"font-size":"2.625rem","font-weight":"700","letter-spacing":"-0.03125rem","line-height":"3.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h3":{"font-size":"2rem","font-weight":"600","letter-spacing":"0","line-height":"2.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h4":{"font-size":"1.75rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"2.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"400","letter-spacing":"0","line-height":"2rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.375rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"1.125rem","font-weight":"400","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.875rem","font-weight":"600","letter-spacing":"0.00625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"0.875rem","font-weight":"600","letter-spacing":"0.046875rem","line-height":"0.875rem","text-transform":"capitalize","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","font-style":"normal","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","letter-spacing":"0.09375rem","line-height":"0.875rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"}},"indigo":{"typeface":"'Nunito Sans', sans-serif","h1":{"font-size":"6rem","font-weight":"200","letter-spacing":"-0.09375rem","line-height":"7rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h2":{"font-size":"3.75rem","font-weight":"200","letter-spacing":"-0.03125rem","line-height":"4.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h3":{"font-size":"3rem","font-weight":"200","letter-spacing":"0","line-height":"3.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h4":{"font-size":"2.25rem","font-weight":"200","letter-spacing":"0.015625rem","line-height":"2.625rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"200","letter-spacing":"0","line-height":"1.75rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"600","letter-spacing":"0.009375rem","line-height":"1.625rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","letter-spacing":"0.03125rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-2":{"font-size":"0.875rem","font-weight":"400","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-1":{"font-size":"1rem","font-weight":"600","letter-spacing":"0.009375rem","line-height":"1.375rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"subtitle-2":{"font-size":"0.875rem","font-weight":"700","letter-spacing":"0.00625rem","line-height":"1.25rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"button":{"font-size":"0.75rem","font-weight":"700","letter-spacing":"0.046875rem","line-height":"normal","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"},"caption":{"font-size":"0.75rem","font-weight":"400","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"normal","margin-top":"0","margin-bottom":"0"},"overline":{"font-size":"0.625rem","font-weight":"700","letter-spacing":"0.0125rem","line-height":"0.875rem","text-transform":"uppercase","margin-top":"0","margin-bottom":"0"}},"material":{"typeface":"'Titillium Web', sans-serif","h1":{"font-size":"6rem","font-weight":"300","font-style":"normal","letter-spacing":"-0.09375rem","line-height":"7rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"3.5rem"},"h2":{"font-size":"3.75rem","font-weight":"300","font-style":"normal","letter-spacing":"-0.03125rem","line-height":"4.4375rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"1.75rem"},"h3":{"font-size":"3rem","font-weight":"400","font-style":"normal","letter-spacing":"0","line-height":"3.5625rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h4":{"font-size":"2.125rem","font-weight":"400","font-style":"normal","letter-spacing":"0.015625rem","line-height":"2.5rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h5":{"font-size":"1.5rem","font-weight":"400","font-style":"normal","letter-spacing":"0","line-height":"1.75rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"0"},"h6":{"font-size":"1.25rem","font-weight":"600","font-style":"normal","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none","margin-top":"0","margin-bottom":"0"},"body-1":{"font-size":"1rem","font-weight":"400","font-style":"normal","letter-spacing":"0.03125rem","line-height":"1.75rem","text-transform":"none","margin-top":"1.75rem","margin-bottom":"1rem"},"body-2":{"font-size":"0.875rem","font-weight":"400","font-style":"normal","letter-spacing":"0.015625rem","line-height":"1.25rem","text-transform":"none"},"subtitle-1":{"font-size":"1rem","font-weight":"400","font-style":"normal","letter-spacing":"0.009375rem","line-height":"1.5rem","text-transform":"none"},"subtitle-2":{"font-size":"0.875rem","font-weight":"600","font-style":"normal","letter-spacing":"0.00625rem","line-height":"1.5rem","text-transform":"none"},"button":{"font-size":"0.875rem","font-weight":"600","font-style":"normal","letter-spacing":"0.046875rem","line-height":"1rem","text-transform":"uppercase"},"caption":{"font-size":"0.75rem","font-weight":"400","font-style":"normal","letter-spacing":"0.025rem","line-height":"1rem","text-transform":"none"},"overline":{"font-size":"0.625rem","font-weight":"400","font-style":"normal","letter-spacing":"0.09375rem","line-height":"1rem","text-transform":"uppercase"}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-theming",
3
- "version": "4.2.0",
3
+ "version": "4.4.0",
4
4
  "description": "A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -7,10 +7,10 @@
7
7
  /// @access public
8
8
  ////
9
9
 
10
- /// Generates a dark action-strip schema.
10
+ /// Generates a dark material action-strip schema.
11
11
  /// @type {Map}
12
- /// @requires $light-action-strip
13
- $dark-action-strip: $light-action-strip;
12
+ /// @requires $material-action-strip
13
+ $dark-material-action-strip: $material-action-strip;
14
14
 
15
15
  /// Generates a dark fluent action strip schema.
16
16
  /// @type {Map}
@@ -7,10 +7,10 @@
7
7
  /// @access public
8
8
  ////
9
9
 
10
- /// Generates a dark avatar schema.
10
+ /// Generates a dark material avatar schema.
11
11
  /// @type {Map}
12
- /// @requires $light-avatar
13
- $dark-avatar: $light-avatar;
12
+ /// @requires $material-avatar
13
+ $dark-material-avatar: $material-avatar;
14
14
 
15
15
  /// Generates a dark fluent avatar schema.
16
16
  /// @type {Map}
@@ -7,10 +7,10 @@
7
7
  /// @access public
8
8
  ////
9
9
 
10
- /// Generates a dark badge schema.
10
+ /// Generates a dark material badge schema.
11
11
  /// @type {Map}
12
- /// @requires $light-badge
13
- $dark-badge: $light-badge;
12
+ /// @requires $material-badge
13
+ $dark-material-badge: $material-badge;
14
14
 
15
15
  /// Generates a dark fluent badge schema.
16
16
  /// @type {Map}
@@ -7,10 +7,10 @@
7
7
  /// @access public
8
8
  ////
9
9
 
10
- /// Generates a dark banner schema.
10
+ /// Generates a dark material banner schema.
11
11
  /// @type {Map}
12
- /// @requires $light-banner
13
- $dark-banner: $light-banner;
12
+ /// @requires $material-banner
13
+ $dark-material-banner: $material-banner;
14
14
 
15
15
  /// Generates a dark fluent banner schema.
16
16
  /// @type {Map}
@@ -7,38 +7,29 @@
7
7
  /// @access public
8
8
  ////
9
9
 
10
- /// Generates the base dark bottom-nav schema.
10
+ /// Generates a dark material bottom-nav schema.
11
11
  /// @type {Map}
12
- $base-dark-bottom-nav: $light-bottom-nav;
12
+ /// @requires $material-bottom-nav
13
+ $dark-material-bottom-nav: $material-bottom-nav;
13
14
 
14
- /// Generates a dark bottom-nav schema based on a mix of $light-bottom-nav and $base-dark-bottom-nav
15
- /// @type {Map}
16
- /// @requires $light-bottom-nav
17
- /// @requires $base-dark-bottom-nav
18
- $dark-bottom-nav: extend($light-bottom-nav, $base-dark-bottom-nav);
19
-
20
- /// Generates a dark fluent bottom-nav schema based on a mix of $fluent-bottom-nav and $base-dark-bottom-nav
15
+ /// Generates a dark fluent bottom-nav schema.
21
16
  /// @type {Map}
22
17
  /// @requires $fluent-bottom-nav
23
- /// @requires $base-dark-bottom-nav
24
- $dark-fluent-bottom-nav: extend($fluent-bottom-nav, $base-dark-bottom-nav);
18
+ $dark-fluent-bottom-nav: $fluent-bottom-nav;
25
19
 
26
- /// Generates a dark bootstrap bottom-nav schema based on a mix of $bootstrap-bottom-nav and $base-dark-bottom-nav
20
+ /// Generates a dark bootstrap bottom-nav schema.
27
21
  /// @type {Map}
28
22
  /// @requires $bootstrap-bottom-nav
29
- /// @requires $base-dark-bottom-nav
30
- $dark-bootstrap-bottom-nav: extend($bootstrap-bottom-nav, $base-dark-bottom-nav);
23
+ $dark-bootstrap-bottom-nav: $bootstrap-bottom-nav;
31
24
 
32
- /// Generates a dark indigo bottom-nav schema based on a mix of $indigo-bottom-nav and $base-dark-bottom-nav
25
+ /// Generates a dark indigo bottom-nav schema.
33
26
  /// @type {Map}
34
27
  /// @prop {Map} background [color: 'surface'] - The background color used for the bottom-nav.
35
28
  /// @prop {Color} active-item-color [color: ('gray', 700)] - The text-color used for the active color.
36
29
  /// @prop {Map} idle-item-color [color: ('gray', 400)] - The text-color used for the idle color.
37
30
  /// @requires $indigo-bottom-nav
38
- /// @requires $base-dark-bottom-nav
39
31
  $dark-indigo-bottom-nav: extend(
40
32
  $indigo-bottom-nav,
41
- $base-dark-bottom-nav,
42
33
  (
43
34
  background: (
44
35
  color: 'surface',
@@ -78,11 +78,11 @@ $base-dark-button-group: (
78
78
  ),
79
79
  );
80
80
 
81
- /// Generates a dark button-group schema based on a mix of $light-button-group and $base-dark-button-group
81
+ /// Generates a dark material button-group schema based on a mix of $light-button-group and $base-dark-button-group
82
82
  /// @type {Map}
83
- /// @requires $light-button-group
83
+ /// @requires $material-button-group
84
84
  /// @requires $base-dark-button-group
85
- $dark-button-group: extend($light-button-group, $base-dark-button-group);
85
+ $dark-material-button-group: extend($material-button-group, $base-dark-button-group);
86
86
 
87
87
  /// Generates a dark fluent button-group schema based on a mix of $fluent-button-group and $base-dark-button-group
88
88
  /// @type {Map}