igniteui-theming 5.0.1 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/json/colors/presets/palettes.json +1 -1
  2. package/json/elevations/indigo.json +1 -0
  3. package/json/elevations/material.json +1 -0
  4. package/json/typography/presets/typescales.json +1 -1
  5. package/package.json +22 -12
  6. package/sass/animations/entrances/_flicker.scss +47 -17
  7. package/sass/animations/exits/_flicker.scss +47 -17
  8. package/sass/animations/generic/_shadows.scss +104 -24
  9. package/sass/color/_functions.scss +2 -0
  10. package/sass/color/presets/dark/_bootstrap.scss +0 -3
  11. package/sass/color/presets/dark/_extra.scss +0 -3
  12. package/sass/color/presets/dark/_fluent.scss +0 -3
  13. package/sass/color/presets/dark/_indigo.scss +0 -3
  14. package/sass/color/presets/dark/_material.scss +0 -3
  15. package/sass/color/presets/light/_bootstrap.scss +0 -3
  16. package/sass/color/presets/light/_extra.scss +0 -3
  17. package/sass/color/presets/light/_fluent.scss +0 -3
  18. package/sass/color/presets/light/_indigo.scss +0 -3
  19. package/sass/color/presets/light/_material.scss +0 -3
  20. package/sass/elevations/presets/_indigo.scss +0 -5
  21. package/sass/elevations/presets/_material.scss +0 -5
  22. package/sass/json/README.md +108 -0
  23. package/sass/json/generators.scss +98 -0
  24. package/sass/themes/schemas/components/light/_drop-down.scss +4 -4
  25. package/sass/themes/schemas/components/light/_switch.scss +2 -0
  26. package/sass/typography/presets/_bootstrap.scss +19 -22
  27. package/sass/typography/presets/_fluent.scss +17 -20
  28. package/sass/typography/presets/_indigo.scss +0 -3
  29. package/sass/typography/presets/_material.scss +0 -3
  30. package/json/elevations/elevations.json +0 -1
package/sass/typography/presets/_bootstrap.scss CHANGED
@@ -8,9 +8,6 @@
8
8
  /// @group Typography
9
9
  ////
10
10
 
11
- /**
12
- * @sass-export-section="bootstrap"
13
- */
14
11
  $typeface: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
15
12
  $h1: type-style(
16
13
  $font-size: rem(40px),
@@ -24,7 +21,7 @@ $h1: type-style(
24
21
  $h2: type-style(
25
22
  $font-size: rem(32px),
26
23
  $font-weight: 500,
27
- $letter-spacing: rem(-0.5px),
24
+ $letter-spacing: normal,
28
25
  $line-height: rem(38.4px),
29
26
  $text-transform: none,
30
27
  $margin-top: 0,
@@ -33,7 +30,7 @@ $h2: type-style(
33
30
  $h3: type-style(
34
31
  $font-size: rem(28px),
35
32
  $font-weight: 500,
36
- $letter-spacing: 0,
33
+ $letter-spacing: normal,
37
34
  $line-height: rem(33.6px),
38
35
  $text-transform: none,
39
36
  $margin-top: 0,
@@ -42,7 +39,7 @@ $h3: type-style(
42
39
  $h4: type-style(
43
40
  $font-size: rem(24px),
44
41
  $font-weight: 500,
45
- $letter-spacing: rem(0.25px),
42
+ $letter-spacing: normal,
46
43
  $line-height: rem(28.8px),
47
44
  $text-transform: none,
48
45
  $margin-top: 0,
@@ -51,7 +48,7 @@ $h4: type-style(
51
48
  $h5: type-style(
52
49
  $font-size: rem(20px),
53
50
  $font-weight: 500,
54
- $letter-spacing: 0,
51
+ $letter-spacing: normal,
55
52
  $line-height: rem(24px),
56
53
  $text-transform: none,
57
54
  $margin-top: 0,
@@ -60,7 +57,7 @@ $h5: type-style(
60
57
  $h6: type-style(
61
58
  $font-size: rem(16px),
62
59
  $font-weight: 500,
63
- $letter-spacing: rem(0.15px),
60
+ $letter-spacing: normal,
64
61
  $line-height: rem(19.2px),
65
62
  $text-transform: none,
66
63
  $margin-top: 0,
@@ -69,43 +66,43 @@ $h6: type-style(
69
66
  $body-1: type-style(
70
67
  $font-size: rem(16px),
71
68
  $font-weight: 400,
72
- $letter-spacing: rem(0.5px),
69
+ $letter-spacing: normal,
73
70
  $line-height: rem(24px),
74
71
  $text-transform: none,
75
72
  $margin-top: 0,
76
73
  $margin-bottom: 0,
77
74
  );
78
75
  $body-2: type-style(
79
- $font-size: rem(14.4px),
76
+ $font-size: rem(14px),
80
77
  $font-weight: 400,
81
- $letter-spacing: rem(0.25px),
82
- $line-height: rem(24px),
78
+ $letter-spacing: normal,
79
+ $line-height: rem(21px),
83
80
  $text-transform: none,
84
81
  $margin-top: 0,
85
82
  $margin-bottom: 0,
86
83
  );
87
84
  $subtitle-1: type-style(
88
- $font-size: rem(14px),
89
- $font-weight: 400,
90
- $letter-spacing: rem(0.15px),
85
+ $font-size: rem(16px),
86
+ $font-weight: 700,
87
+ $letter-spacing: normal,
91
88
  $line-height: rem(24px),
92
89
  $text-transform: none,
93
90
  $margin-top: 0,
94
91
  $margin-bottom: 0,
95
92
  );
96
93
  $subtitle-2: type-style(
97
- $font-size: rem(14.4px),
98
- $font-weight: 400,
99
- $letter-spacing: rem(0.1px),
100
- $line-height: rem(21.6px),
94
+ $font-size: rem(14px),
95
+ $font-weight: 700,
96
+ $letter-spacing: normal,
97
+ $line-height: rem(24px),
101
98
  $text-transform: none,
102
99
  $margin-top: 0,
103
100
  $margin-bottom: 0,
104
101
  );
105
102
  $button: type-style(
106
103
  $font-size: rem(16px),
107
- $font-weight: 500,
108
- $letter-spacing: rem(0.75px),
104
+ $font-weight: 400,
105
+ $letter-spacing: normal,
109
106
  $line-height: rem(24px),
110
107
  $text-transform: none,
111
108
  $margin-top: 0,
@@ -114,7 +111,7 @@ $button: type-style(
114
111
  $caption: type-style(
115
112
  $font-size: rem(12px),
116
113
  $font-weight: 400,
117
- $letter-spacing: rem(0.4px),
114
+ $letter-spacing: normal,
118
115
  $line-height: rem(16px),
119
116
  $text-transform: none,
120
117
  );
package/sass/typography/presets/_fluent.scss CHANGED
@@ -6,14 +6,11 @@
6
6
  /// @group Typography
7
7
  ////
8
8
 
9
- /**
10
- * @sass-export-section="fluent"
11
- */
12
9
  $typeface: "'Open Sans', Helvetica, Arial, sans-serif";
13
10
  $h1: type-style(
14
11
  $font-size: rem(68px),
15
- $font-weight: 700,
16
- $letter-spacing: rem(-1.5px),
12
+ $font-weight: 400,
13
+ $letter-spacing: normal,
17
14
  $line-height: rem(76px),
18
15
  $text-transform: none,
19
16
  $margin-top: 0,
@@ -21,8 +18,8 @@ $h1: type-style(
21
18
  );
22
19
  $h2: type-style(
23
20
  $font-size: rem(42px),
24
- $font-weight: 700,
25
- $letter-spacing: rem(-0.5px),
21
+ $font-weight: 400,
22
+ $letter-spacing: normal,
26
23
  $line-height: rem(52px),
27
24
  $text-transform: none,
28
25
  $margin-top: 0,
@@ -30,8 +27,8 @@ $h2: type-style(
30
27
  );
31
28
  $h3: type-style(
32
29
  $font-size: rem(32px),
33
- $font-weight: 600,
34
- $letter-spacing: 0,
30
+ $font-weight: 400,
31
+ $letter-spacing: normal,
35
32
  $line-height: rem(40px),
36
33
  $text-transform: none,
37
34
  $margin-top: 0,
@@ -40,7 +37,7 @@ $h3: type-style(
40
37
  $h4: type-style(
41
38
  $font-size: rem(28px),
42
39
  $font-weight: 400,
43
- $letter-spacing: rem(0.25px),
40
+ $letter-spacing: normal,
44
41
  $line-height: rem(36px),
45
42
  $text-transform: none,
46
43
  $margin-top: 0,
@@ -49,7 +46,7 @@ $h4: type-style(
49
46
  $h5: type-style(
50
47
  $font-size: rem(24px),
51
48
  $font-weight: 400,
52
- $letter-spacing: 0,
49
+ $letter-spacing: normal,
53
50
  $line-height: rem(32px),
54
51
  $text-transform: none,
55
52
  $margin-top: 0,
@@ -58,7 +55,7 @@ $h5: type-style(
58
55
  $h6: type-style(
59
56
  $font-size: rem(20px),
60
57
  $font-weight: 400,
61
- $letter-spacing: rem(0.15px),
58
+ $letter-spacing: normal,
62
59
  $line-height: rem(28px),
63
60
  $text-transform: none,
64
61
  $margin-top: 0,
@@ -67,7 +64,7 @@ $h6: type-style(
67
64
  $body-1: type-style(
68
65
  $font-size: rem(16px),
69
66
  $font-weight: 400,
70
- $letter-spacing: rem(0.5px),
67
+ $letter-spacing: normal,
71
68
  $line-height: rem(22px),
72
69
  $text-transform: none,
73
70
  $margin-top: 0,
@@ -76,7 +73,7 @@ $body-1: type-style(
76
73
  $body-2: type-style(
77
74
  $font-size: rem(14px),
78
75
  $font-weight: 400,
79
- $letter-spacing: rem(0.25px),
76
+ $letter-spacing: normal,
80
77
  $line-height: rem(20px),
81
78
  $text-transform: none,
82
79
  $margin-top: 0,
@@ -85,7 +82,7 @@ $body-2: type-style(
85
82
  $subtitle-1: type-style(
86
83
  $font-size: rem(18px),
87
84
  $font-weight: 400,
88
- $letter-spacing: rem(0.15px),
85
+ $letter-spacing: normal,
89
86
  $line-height: rem(24px),
90
87
  $text-transform: none,
91
88
  $margin-top: 0,
@@ -93,8 +90,8 @@ $subtitle-1: type-style(
93
90
  );
94
91
  $subtitle-2: type-style(
95
92
  $font-size: rem(14px),
96
- $font-weight: 600,
97
- $letter-spacing: rem(0.1px),
93
+ $font-weight: 700,
94
+ $letter-spacing: normal,
98
95
  $line-height: rem(20px),
99
96
  $text-transform: none,
100
97
  $margin-top: 0,
@@ -103,7 +100,7 @@ $subtitle-2: type-style(
103
100
  $button: type-style(
104
101
  $font-size: rem(14px),
105
102
  $font-weight: 600,
106
- $letter-spacing: rem(0.75px),
103
+ $letter-spacing: normal,
107
104
  $line-height: rem(14px),
108
105
  $text-transform: capitalize,
109
106
  $margin-top: 0,
@@ -113,14 +110,14 @@ $caption: type-style(
113
110
  $font-size: rem(12px),
114
111
  $font-weight: 400,
115
112
  $font-style: normal,
116
- $letter-spacing: rem(0.4px),
113
+ $letter-spacing: normal,
117
114
  $line-height: rem(16px),
118
115
  $text-transform: none,
119
116
  );
120
117
  $overline: type-style(
121
118
  $font-size: rem(10px),
122
119
  $font-weight: 400,
123
- $letter-spacing: rem(1.5px),
120
+ $letter-spacing: normal,
124
121
  $line-height: rem(14px),
125
122
  $text-transform: uppercase,
126
123
  $margin-top: 0,
package/sass/typography/presets/_indigo.scss CHANGED
@@ -6,9 +6,6 @@
6
6
  /// @group Typography
7
7
  ////
8
8
 
9
- /**
10
- * @sass-export-section="indigo"
11
- */
12
9
  $typeface: "'Nunito Sans', sans-serif";
13
10
  $h1: type-style(
14
11
  $font-size: rem(36px),
package/sass/typography/presets/_material.scss CHANGED
@@ -6,9 +6,6 @@
6
6
  /// @group Typography
7
7
  ////
8
8
 
9
- /**
10
- * @sass-export-section="material"
11
- */
12
9
  $typeface: "'Titillium Web', sans-serif";
13
10
  $h1: type-style(
14
11
  $font-size: rem(96px),
package/json/elevations/elevations.json DELETED
@@ -1 +0,0 @@
1
- {"indigo":{"elevations":{"0":"","1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":""}},"material":{"elevations":{"0":"","1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":""}}}