igniteui-theming 6.0.0-beta.3 → 6.0.0-beta.5

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 (2) hide show
  1. package/package.json +1 -1
  2. package/sass/themes/schemas/components/light/_calendar.scss +25 -25
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-theming",
3
- "version": "6.0.0-beta.3",
3
+ "version": "6.0.0-beta.5",
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": {
package/sass/themes/schemas/components/light/_calendar.scss CHANGED
@@ -2458,9 +2458,9 @@ $bootstrap-calendar: extend(
2458
2458
  /// @prop {Map} date-special-focus-background [color: ('primary', 50)] - The background color of a special date.
2459
2459
  /// @prop {Map} date-selected-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected date.
2460
2460
  /// @prop {Map} date-selected-background [color: ('primary', 500)] - The background color of the selected date.
2461
- /// @prop {Map} date-selected-hover-foreground [contrast-color: ('primary', 400)] - The :hover foreground color of the selected date.
2461
+ /// @prop {Map} date-selected-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the selected date.
2462
2462
  /// @prop {Map} date-selected-hover-background [color: ('primary', 400)] - The :hover background color of the selected date.
2463
- /// @prop {Map} date-selected-focus-foreground [contrast-color: ('primary', 400)] - The :focus foreground color of the selected date.
2463
+ /// @prop {Map} date-selected-focus-foreground [contrast-color: ('primary', 900)] - The :focus foreground color of the selected date.
2464
2464
  /// @prop {Map} date-selected-focus-background [color: ('primary', 400)] - The :focus background color of the selected date.
2465
2465
  /// @prop {Map} date-selected-current-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected current date.
2466
2466
  /// @prop {Map} date-selected-current-background [color: ('primary', 500)] - The background color of the selected current date.
@@ -2496,17 +2496,17 @@ $bootstrap-calendar: extend(
2496
2496
  /// @prop {Map} year-current-hover-background [color: ('grey', 900, .05)] - The :hover background color of the current year in years view.
2497
2497
  /// @prop {Map} year-current-focus-foreground [color: ('gray', 900)] - The :focus foreground color of the current year in years view.
2498
2498
  /// @prop {Map} year-current-focus-background [color: ('grey', 900, .05)] - The :focus background color of the current year in years view.
2499
- /// @prop {Map} year-selected-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected year.
2499
+ /// @prop {Map} year-selected-foreground [contrast-color: ('primary', 900)] - The foreground color of the selected year.
2500
2500
  /// @prop {Map} year-selected-background [color: ('primary', 500)]- The background color of the selected year in years view.
2501
- /// @prop {Map} year-selected-hover-foreground [contrast-color: ('primary', 400)] - The :hover foreground color of the selected year in years view.
2501
+ /// @prop {Map} year-selected-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the selected year in years view.
2502
2502
  /// @prop {Map} year-selected-hover-background [color: ('primary' 400)] - The :hover background color of the selected year in years view.
2503
- /// @prop {Map} year-selected-focus-foreground [contrast-color: ('primary', 400)] - The :focus foreground color of the selected year in years view.
2503
+ /// @prop {Map} year-selected-focus-foreground [contrast-color: ('primary', 900)] - The :focus foreground color of the selected year in years view.
2504
2504
  /// @prop {Map} year-selected-focus-background [color: ('primary' 400)] - The :focus background color of the selected year in years view.
2505
2505
  /// @prop {Map} year-selected-current-foreground [contrast-color: ('primary', 500)] - The foreground color of the current/selected year.
2506
2506
  /// @prop {Map} year-selected-current-background [color: ('primary', 500)] - The foreground color of the current/selected year.
2507
- /// @prop {Map} year-selected-current-hover-foreground [contrast-color: ('primary', 400)] - The :hover foreground color of the current/selected year.
2507
+ /// @prop {Map} year-selected-current-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the current/selected year.
2508
2508
  /// @prop {Map} year-selected-current-hover-background [color: ('primary', 400)] - The :hover background color of the current/selected year.
2509
- /// @prop {Map} year-selected-current-focus-foreground [contrast-color: ('primary', 400)] - The :focus foreground color of the current/selected year.
2509
+ /// @prop {Map} year-selected-current-focus-foreground [contrast-color: ('primary', 900)] - The :focus foreground color of the current/selected year.
2510
2510
  /// @prop {Map} year-selected-current-focus-background [color: ('primary', 400)] - The :focus background color of the current/selected year.
2511
2511
  ///
2512
2512
  /// @prop {Map} month-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the month inside the months view.
@@ -2521,15 +2521,15 @@ $bootstrap-calendar: extend(
2521
2521
  /// @prop {Map} month-current-focus-background [color: ('gray', 900, .05)]- The :focus background color of the current month in month view.
2522
2522
  /// @prop {Map} month-selected-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected month in month view.
2523
2523
  /// @prop {Map} month-selected-background [color: ('primary', 500)] - The background color of the selected month in month view.
2524
- /// @prop {Map} month-selected-hover-foreground [contrast-color: ('primary', 400)]- The :hover foreground color of the selected month in month view.
2524
+ /// @prop {Map} month-selected-hover-foreground [contrast-color: ('primary', 900)]- The :hover foreground color of the selected month in month view.
2525
2525
  /// @prop {Map} month-selected-hover-background [color: ('primary', 400)]- The :hover background color of the selected month in month view.
2526
- /// @prop {Map} month-selected-focus-foreground [contrast-color: ('primary', 400)]- The :focus foreground color of the selected month in month view.
2526
+ /// @prop {Map} month-selected-focus-foreground [contrast-color: ('primary', 900)]- The :focus foreground color of the selected month in month view.
2527
2527
  /// @prop {Map} month-selected-focus-background [color: ('primary', 400)]- The :focus background color of the selected month in month view.
2528
2528
  /// @prop {Map} month-selected-current-foreground [contrast-color: ('primary', 500)] - The foreground color of the current/selected month in month view.
2529
2529
  /// @prop {Map} month-selected-current-background [color: ('primary', 500)]- The background color of the current/selected month in month view.
2530
- /// @prop {Map} month-selected-current-hover-foreground [contrast-color: ('primary', 400)] - The :hover foreground color of the current/selected month in month view.
2530
+ /// @prop {Map} month-selected-current-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the current/selected month in month view.
2531
2531
  /// @prop {Map} month-selected-current-hover-background [color: ('primary', 400)] - The :hover background color of the current/selected month in month view.
2532
- /// @prop {Map} month-selected-current-focus-foreground [contrast-color: ('primary', 400)] - The :focus foreground color of the current/selected month in month view.
2532
+ /// @prop {Map} month-selected-current-focus-foreground [contrast-color: ('primary', 900)] - The :focus foreground color of the current/selected month in month view.
2533
2533
  /// @prop {Map} month-selected-current-focus-background [color: ('primary', 400)] - The :focus background color of the current/selected month in month view.
2534
2534
  ///
2535
2535
  /// @prop {Map} current-outline-color [color: ('primary', 500)] - The outline color of the current year/month in year/month views.
@@ -2610,13 +2610,13 @@ $indigo-calendar: extend(
2610
2610
  ),
2611
2611
  navigation-hover-color: (
2612
2612
  color: (
2613
- 'secondary',
2613
+ 'gray',
2614
2614
  800,
2615
2615
  ),
2616
2616
  ),
2617
2617
  navigation-focus-color: (
2618
2618
  color: (
2619
- 'secondary',
2619
+ 'gray',
2620
2620
  800,
2621
2621
  ),
2622
2622
  ),
@@ -2740,7 +2740,7 @@ $indigo-calendar: extend(
2740
2740
  date-selected-hover-foreground: (
2741
2741
  contrast-color: (
2742
2742
  'primary',
2743
- 400,
2743
+ 900,
2744
2744
  ),
2745
2745
  ),
2746
2746
  date-selected-hover-background: (
@@ -2752,7 +2752,7 @@ $indigo-calendar: extend(
2752
2752
  date-selected-focus-foreground: (
2753
2753
  contrast-color: (
2754
2754
  'secondary',
2755
- 400,
2755
+ 900,
2756
2756
  ),
2757
2757
  ),
2758
2758
  date-selected-focus-background: (
@@ -2776,7 +2776,7 @@ $indigo-calendar: extend(
2776
2776
  date-selected-current-hover-foreground: (
2777
2777
  contrast-color: (
2778
2778
  'primary',
2779
- 400,
2779
+ 900,
2780
2780
  ),
2781
2781
  ),
2782
2782
  date-selected-current-hover-background: (
@@ -2788,7 +2788,7 @@ $indigo-calendar: extend(
2788
2788
  date-selected-current-focus-foreground: (
2789
2789
  contrast-color: (
2790
2790
  'primary',
2791
- 400,
2791
+ 900,
2792
2792
  ),
2793
2793
  ),
2794
2794
  date-selected-current-focus-background: (
@@ -2947,7 +2947,7 @@ $indigo-calendar: extend(
2947
2947
  year-selected-hover-foreground: (
2948
2948
  contrast-color: (
2949
2949
  'primary',
2950
- 400,
2950
+ 900,
2951
2951
  ),
2952
2952
  ),
2953
2953
  year-selected-hover-background: (
@@ -2959,7 +2959,7 @@ $indigo-calendar: extend(
2959
2959
  year-selected-focus-foreground: (
2960
2960
  contrast-color: (
2961
2961
  'primary',
2962
- 400,
2962
+ 900,
2963
2963
  ),
2964
2964
  ),
2965
2965
  year-selected-focus-background: (
@@ -2983,7 +2983,7 @@ $indigo-calendar: extend(
2983
2983
  year-selected-current-hover-foreground: (
2984
2984
  contrast-color: (
2985
2985
  'primary',
2986
- 400,
2986
+ 900,
2987
2987
  ),
2988
2988
  ),
2989
2989
  year-selected-current-hover-background: (
@@ -2995,7 +2995,7 @@ $indigo-calendar: extend(
2995
2995
  year-selected-current-focus-foreground: (
2996
2996
  contrast-color: (
2997
2997
  'primary',
2998
- 400,
2998
+ 900,
2999
2999
  ),
3000
3000
  ),
3001
3001
  year-selected-current-focus-background: (
@@ -3078,7 +3078,7 @@ $indigo-calendar: extend(
3078
3078
  month-selected-hover-foreground: (
3079
3079
  contrast-color: (
3080
3080
  'primary',
3081
- 400,
3081
+ 900,
3082
3082
  ),
3083
3083
  ),
3084
3084
  month-selected-hover-background: (
@@ -3090,7 +3090,7 @@ $indigo-calendar: extend(
3090
3090
  month-selected-focus-foreground: (
3091
3091
  contrast-color: (
3092
3092
  'primary',
3093
- 400,
3093
+ 900,
3094
3094
  ),
3095
3095
  ),
3096
3096
  month-selected-focus-background: (
@@ -3114,7 +3114,7 @@ $indigo-calendar: extend(
3114
3114
  month-selected-current-hover-foreground: (
3115
3115
  contrast-color: (
3116
3116
  'primary',
3117
- 400,
3117
+ 900,
3118
3118
  ),
3119
3119
  ),
3120
3120
  month-selected-current-hover-background: (
@@ -3126,7 +3126,7 @@ $indigo-calendar: extend(
3126
3126
  month-selected-current-focus-foreground: (
3127
3127
  contrast-color: (
3128
3128
  'primary',
3129
- 400,
3129
+ 900,
3130
3130
  ),
3131
3131
  ),
3132
3132
  month-selected-current-focus-background: (