igniteui-theming 4.1.0-beta.1 → 4.2.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.
- package/package.json +1 -1
- package/sass/color/_functions.scss +8 -4
- package/sass/themes/schemas/components/dark/_button-group.scss +50 -27
- package/sass/themes/schemas/components/dark/_calendar.scss +191 -28
- package/sass/themes/schemas/components/light/_button-group.scss +86 -14
- package/sass/themes/schemas/components/light/_calendar.scss +660 -1843
- package/sass/themes/schemas/components/light/_navbar.scss +18 -0
- package/sass/themes/schemas/components/light/_navdrawer.scss +12 -1
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
/// Generates a light navbar schema.
|
|
12
12
|
/// @type {Map}
|
|
13
13
|
/// @prop {Map} background [color: ('primary', 500)] - The navbar background color.
|
|
14
|
+
/// @prop {Map} border-color [color: ('primary', 500)] - The navbar border color.
|
|
14
15
|
/// @prop {Map} text-color [contrast-color: ('primary', 500)] - The navbar text color.
|
|
15
16
|
/// @prop {Map} idle-icon-color [contrast-color: ('primary', 500)] - The navbar idle icon color.
|
|
16
17
|
/// @prop {Map} hover-icon-color [contrast-color: ('primary', 500)] - The navbar hover icon color.
|
|
@@ -25,6 +26,12 @@ $light-navbar: extend(
|
|
|
25
26
|
500,
|
|
26
27
|
),
|
|
27
28
|
),
|
|
29
|
+
border-color: (
|
|
30
|
+
color: (
|
|
31
|
+
'primary',
|
|
32
|
+
500,
|
|
33
|
+
),
|
|
34
|
+
),
|
|
28
35
|
text-color: (
|
|
29
36
|
contrast-color: (
|
|
30
37
|
'primary',
|
|
@@ -49,6 +56,7 @@ $light-navbar: extend(
|
|
|
49
56
|
/// Generates a fluent navbar schema.
|
|
50
57
|
/// @type {Map}
|
|
51
58
|
/// @prop {Map} background [color: 'surface'] - The navbar background color.
|
|
59
|
+
/// @prop {Map} border-color [color: 'surface'] - The navbar border color.
|
|
52
60
|
/// @prop {Map} text-color [color: ('gray', 900)] - The navbar text color.
|
|
53
61
|
/// @prop {Map} idle-icon-color [color: ('primary', 500)] - The navbar idle icon color.
|
|
54
62
|
/// @prop {Map} hover-icon-color [color: ('primary', 500)] - The navbar hover icon color.
|
|
@@ -59,6 +67,9 @@ $fluent-navbar: extend(
|
|
|
59
67
|
background: (
|
|
60
68
|
color: 'surface',
|
|
61
69
|
),
|
|
70
|
+
border-color: (
|
|
71
|
+
color: 'surface',
|
|
72
|
+
),
|
|
62
73
|
text-color: (
|
|
63
74
|
color: (
|
|
64
75
|
'gray',
|
|
@@ -83,6 +94,7 @@ $fluent-navbar: extend(
|
|
|
83
94
|
/// Generates a bootstrap navbar schema.
|
|
84
95
|
/// @type {Map}
|
|
85
96
|
/// @prop {Map} background [color: 'surface'] - The navbar background color.
|
|
97
|
+
/// @prop {Map} border-color [color: ('gray', 300)] - The navbar border color.
|
|
86
98
|
/// @prop {Map} text-color [contrast-color: 'surface'] - The navbar text color.
|
|
87
99
|
/// @prop {Map} idle-icon-color [contrast-color: 'surface'] - The navbar idle icon color.
|
|
88
100
|
/// @prop {Map} hover-icon-color [contrast-color: 'surface'] - The navbar hover icon color.
|
|
@@ -96,6 +108,12 @@ $bootstrap-navbar: extend(
|
|
|
96
108
|
background: (
|
|
97
109
|
color: 'surface',
|
|
98
110
|
),
|
|
111
|
+
border-color: (
|
|
112
|
+
color: (
|
|
113
|
+
'gray',
|
|
114
|
+
300,
|
|
115
|
+
),
|
|
116
|
+
),
|
|
99
117
|
text-color: (
|
|
100
118
|
contrast-color: 'surface',
|
|
101
119
|
),
|
|
@@ -129,8 +129,19 @@ $fluent-navdrawer: $light-navdrawer;
|
|
|
129
129
|
|
|
130
130
|
/// Generates a bootstrap navdrawer schema.
|
|
131
131
|
/// @type {Map}
|
|
132
|
+
/// @prop {Map} border-color [color: ('gray', 300)] - The navigation drawer right border color.
|
|
132
133
|
/// @requires {Map} $light-navdrawer
|
|
133
|
-
$bootstrap-navdrawer:
|
|
134
|
+
$bootstrap-navdrawer: extend(
|
|
135
|
+
$light-navdrawer,
|
|
136
|
+
(
|
|
137
|
+
border-color: (
|
|
138
|
+
color: (
|
|
139
|
+
'gray',
|
|
140
|
+
300,
|
|
141
|
+
),
|
|
142
|
+
),
|
|
143
|
+
)
|
|
144
|
+
);
|
|
134
145
|
|
|
135
146
|
/// Generates an indigo navdrawer schema.
|
|
136
147
|
/// @type {Map}
|