igniteui-theming 2.1.0-beta.3 → 2.1.0-beta.4

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": "2.1.0-beta.3",
3
+ "version": "2.1.0-beta.4",
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": {
@@ -65,6 +65,7 @@
65
65
  @each $fn, $args in $instructions {
66
66
  $color: meta.function-exists($fn, $module: color);
67
67
  $util: meta.function-exists($fn, $module: utils);
68
+ $self: meta.function-exists($fn);
68
69
 
69
70
  @if $color {
70
71
  $func: meta.get-function($fn, $module: color);
@@ -85,6 +86,13 @@
85
86
  $result: meta.call($func, $result, $args...);
86
87
  }
87
88
  }
89
+
90
+ @if $self {
91
+ @if $fn == 'sizable' {
92
+ $func: meta.get-function($fn);
93
+ $result: meta.call($func, $args...);
94
+ }
95
+ }
88
96
  }
89
97
 
90
98
  @return $result;
@@ -30,9 +30,11 @@ $light-avatar: (
30
30
  ),
31
31
  border-radius: rem(0),
32
32
  size: (
33
- rem(40px),
34
- rem(64px),
35
- rem(88px),
33
+ sizable: (
34
+ rem(40px),
35
+ rem(64px),
36
+ rem(88px),
37
+ ),
36
38
  ),
37
39
  );
38
40
 
@@ -129,9 +129,11 @@ $material-flat-button: extend(
129
129
  rem(20px),
130
130
  ),
131
131
  size: (
132
- rem(24px),
133
- rem(30px),
134
- rem(36px),
132
+ sizable: (
133
+ rem(24px),
134
+ rem(30px),
135
+ rem(36px),
136
+ ),
135
137
  ),
136
138
  )
137
139
  );
@@ -180,9 +180,11 @@ $light-chip: extend(
180
180
  ),
181
181
 
182
182
  size: (
183
- rem(20px),
184
- rem(24px),
185
- rem(32px),
183
+ sizable: (
184
+ rem(20px),
185
+ rem(24px),
186
+ rem(32px),
187
+ ),
186
188
  ),
187
189
  )
188
190
  );
@@ -145,9 +145,11 @@ $light-drop-down: extend(
145
145
  rem(20px),
146
146
  ),
147
147
  size: (
148
- rem(28px),
149
- rem(32px),
150
- rem(40px),
148
+ sizable: (
149
+ rem(28px),
150
+ rem(32px),
151
+ rem(40px),
152
+ ),
151
153
  ),
152
154
  )
153
155
  );
@@ -75,9 +75,11 @@ $light-grid-toolbar: (
75
75
  ),
76
76
 
77
77
  size: (
78
- rem(44px),
79
- rem(52px),
80
- rem(58px),
78
+ sizable: (
79
+ rem(44px),
80
+ rem(52px),
81
+ rem(58px),
82
+ ),
81
83
  ),
82
84
  );
83
85
 
@@ -636,21 +636,27 @@ $light-grid: extend(
636
636
  ),
637
637
 
638
638
  header-size: (
639
- rem(32px),
640
- rem(40px),
641
- rem(50px),
639
+ sizable: (
640
+ rem(32px),
641
+ rem(40px),
642
+ rem(50px),
643
+ ),
642
644
  ),
643
645
 
644
646
  drop-area-size: (
645
- rem(24px),
646
- rem(24x),
647
- rem(32px),
647
+ sizable: (
648
+ rem(24px),
649
+ rem(24px),
650
+ rem(32px),
651
+ ),
648
652
  ),
649
653
 
650
654
  group-area-size: (
651
- rem(41px),
652
- rem(49x),
653
- rem(57px),
655
+ sizable: (
656
+ rem(41px),
657
+ rem(49px),
658
+ rem(57px),
659
+ ),
654
660
  ),
655
661
  )
656
662
  );
@@ -16,9 +16,11 @@ $light-icon: (
16
16
  color: "'currentColor'",
17
17
  disabled-color: "'currentColor'",
18
18
  size: (
19
- rem(16px),
20
- rem(20px),
21
- rem(24px),
19
+ sizable: (
20
+ rem(16px),
21
+ rem(20px),
22
+ rem(24px),
23
+ ),
22
24
  ),
23
25
  );
24
26
 
@@ -311,9 +311,11 @@ $light-input-group: extend(
311
311
  ),
312
312
  ),
313
313
  size: (
314
- rem(40px),
315
- rem(48px),
316
- rem(56px),
314
+ sizable: (
315
+ rem(40px),
316
+ rem(48px),
317
+ rem(56px),
318
+ ),
317
319
  ),
318
320
  )
319
321
  );
@@ -35,9 +35,11 @@ $light-pagination: (
35
35
  ),
36
36
  ),
37
37
  size: (
38
- rem(44px),
39
- rem(48px),
40
- rem(56px),
38
+ sizable: (
39
+ rem(44px),
40
+ rem(48px),
41
+ rem(56px),
42
+ ),
41
43
  ),
42
44
  );
43
45
 
@@ -102,9 +102,11 @@ $light-tree: (
102
102
  ),
103
103
  ),
104
104
  size: (
105
- rem(32px),
106
- rem(40px),
107
- rem(50px),
105
+ sizable: (
106
+ rem(32px),
107
+ rem(40px),
108
+ rem(50px),
109
+ ),
108
110
  ),
109
111
  );
110
112