igniteui-theming 4.0.0-beta.1 → 4.0.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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "igniteui-theming",
|
|
3
|
-
"version": "4.0.0
|
|
3
|
+
"version": "4.0.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": {
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
/// @prop {Map} color [color: ('gray', 800, .96)] - The text/icon color of the avatar.
|
|
14
14
|
/// @prop {Number} border-radius [rem(8px)] - The border radius for rounded avatar.
|
|
15
15
|
/// @prop {List} size [(rem(40px), rem(64px), rem(88px))] - The size used for the avatar width and height.
|
|
16
|
-
/// @prop {Number} default-size [
|
|
16
|
+
/// @prop {Number} default-size [1] - The default size used for the avatar component.
|
|
17
17
|
$light-avatar: (
|
|
18
18
|
background: (
|
|
19
19
|
color: (
|
|
@@ -37,19 +37,14 @@ $light-avatar: (
|
|
|
37
37
|
rem(88px),
|
|
38
38
|
),
|
|
39
39
|
),
|
|
40
|
-
default-size:
|
|
40
|
+
default-size: 1,
|
|
41
41
|
);
|
|
42
42
|
|
|
43
43
|
/// Generates a fluent avatar schema.
|
|
44
44
|
/// @type {Map}
|
|
45
45
|
/// @prop {Number} default-size [1] - The default size used for the avatar component.
|
|
46
46
|
/// @requires {Map} $light-avatar
|
|
47
|
-
$fluent-avatar:
|
|
48
|
-
$light-avatar,
|
|
49
|
-
(
|
|
50
|
-
default-size: 1,
|
|
51
|
-
)
|
|
52
|
-
);
|
|
47
|
+
$fluent-avatar: $light-avatar;
|
|
53
48
|
|
|
54
49
|
/// Generates a bootstrap avatar schema.
|
|
55
50
|
/// @type {Map}
|
|
@@ -74,7 +69,6 @@ $bootstrap-avatar: extend(
|
|
|
74
69
|
),
|
|
75
70
|
),
|
|
76
71
|
border-radius: rem(4px),
|
|
77
|
-
default-size: 1,
|
|
78
72
|
)
|
|
79
73
|
);
|
|
80
74
|
|
|
@@ -82,9 +76,4 @@ $bootstrap-avatar: extend(
|
|
|
82
76
|
/// @type {Map}
|
|
83
77
|
/// @prop {Number} default-size [1] - The default size used for the avatar component.
|
|
84
78
|
/// @requires {Map} $light-avatar
|
|
85
|
-
$indigo-avatar:
|
|
86
|
-
$light-avatar,
|
|
87
|
-
(
|
|
88
|
-
default-size: 1,
|
|
89
|
-
)
|
|
90
|
-
);
|
|
79
|
+
$indigo-avatar: $light-avatar;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
/// @prop {Color} color ["'currentColor'"] - The icon color.
|
|
13
13
|
/// @prop {Color} disabled-color ["'currentColor'"] - The disabled icon color.
|
|
14
14
|
/// @prop {List} size [(rem(18px), rem(20px), rem(24px))] - The size used for the icon.
|
|
15
|
-
/// @prop {Number} default-size [
|
|
15
|
+
/// @prop {Number} default-size [3] - The default size used for the icon component.
|
|
16
16
|
$light-icon: (
|
|
17
17
|
color: "'currentColor'",
|
|
18
18
|
disabled-color: "'currentColor'",
|
|
@@ -23,7 +23,7 @@ $light-icon: (
|
|
|
23
23
|
rem(24px),
|
|
24
24
|
),
|
|
25
25
|
),
|
|
26
|
-
default-size:
|
|
26
|
+
default-size: 3,
|
|
27
27
|
);
|
|
28
28
|
|
|
29
29
|
/// Generates a fluent icon schema.
|